VUE中使用http请求
生活随笔
收集整理的這篇文章主要介紹了
VUE中使用http请求
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
VUE版本
?
1、main.js中添加引用
import axios from 'axios' Vue.prototype.$http= axios?
2、添加proxy跨域訪問
?
proxyTable: {// http://localhost:44923/pages/NoteInfo.aspx'/pages': {target: 'http://localhost:44923',ws: true,changeOrgin: true,}},?
?3、在自己代碼邏輯中調用http請求
?
created(){var that = this;// this.$http.get('http://localhost:44923/pages/NoteInfo.aspx?soft=easyicon')this.$http.get('/pages/NoteInfo.aspx', {params:{soft:'easyicon'}}).then((response)=>{// console.log("log信息");// console.log(response);that.tittle = response.data.tittle;that.url = response.data.url;that.note = that.base64ToString(response.data.note);}).catch((response)=>{console.log(response);this.note = "異常信息";})},?
4、異常備注?No 'Access-Control-Allow-Origin'?
通過VUE前端解決方案: 2、添加proxy跨域訪問
通過接口后臺解決方案:??Response.AddHeader("Access-Control-Allow-Origin", "*");
?
總結
以上是生活随笔為你收集整理的VUE中使用http请求的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: maya 多边形uv批量传递工具
- 下一篇: 服务网格峰会 Service Mesh