一、请求数据
在Vue中进行ajax请求时,安装axios,执行npm install axios
引入插件:
import Axios from 'axios'
Axios.post(url,data) //默认返回promise对象
.then((res)=>{
console.log(res);
})
.catch((err)=>{
console.log(err);
})
在config > index.js 中配置 proxyTable
proxyTable: {
'/hehe':{
target:'http://127.0.0.1:3001',//目标域名
changeOrigin:true,//允许跨域
pathRewrite:{"^/hehe":""}//把转换暗号hehe换成空
}
},
例如:
当其他它页面请求数据时,也要引入axios,因此,在入口文件 main.js 中,使vue原型继承。实例是vue的实例化,组件也是vue的拓展实例,在vue上挂载$axios,它的组件就能继承到
使用时,采用 this.$axios.post (‘自定义代理暗号 / 请求路径’).then().catch()
二、拦截器
参考官方文档,百度进入npm中搜索axios,查找 interceptors
axios请求数据时,会先执行拦截器后,再执行res响应