在vue中使用axios
使用 npm install axios 安装
在main.js中添加以下代码
import Axios from "axios";
Vue.prototype.$axios = Axios;
解决跨域问题
在config中的index.js修改ProxyTable为如下：
proxyTable: {
"/api": {
target: "后台提供的路径前缀",
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
},
在某次使用时，出现修改后发生404的情况，解决方法如下：
修改proxyTable
proxyTable: {
"/api": {
target: "后台提供的路径前缀",
changeOrigin: true,
pathRewrite: {
'^/api': '/api'
}
}
},
在main.js中添加以下代码
Axios.defaults.baseURL = '/api' // 使每次发送请求时带一个/api的前缀
使用如下
get请求
this.$axios.get("study/study-result").then(res =>{
console.log(res)
}).catch(err =>{
console.log(err)
})
post请求
this.$axios.post("study/add-work",{key:value}).then(res =>{
console.log(res)
}).catch(err =>{
console.log(err)
})
