1.npm install axios 安裝axios,在main.js中引入并將axios改寫為Vue的屬性
import axios from 'axios'
Vue.prototype.$axios = axios
Vue.prototype.HOME='https://xxxx.xxx.com' // 發(fā)布正式或者測試版本不需要跨域,直接調(diào)用url即可
// Vue.prototype.HOME = '/api' // this.HOME 本地調(diào)試
2.找到config/index.js中的proxyTable配置代理來實(shí)現(xiàn)跨域請求
proxyTable:{
'/api':{
target:"https://xxxx.xxx.com", // 接口域名
changeOrigin:true,
pathRewrite:{
'^/api':""
}
}
}
3.在頁面中this.axios調(diào)用即可
// post
this.$axios.post('/api/login',requestBody).then(res=>{
console.log(res);
},err=>{
console.log(err);
})
// get
let url = this.HOME + '/api/login'
let data = this.$axios.get(url, {
params: {
name:name, // get的參數(shù)寫在params中
pwd:pwd
}
})