Vue请求数据axios之跨域代理、数据拦截器

一、请求数据

在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响应