Vue - proxy处理跨域

Vue 中 proxy 处理跨域

1. 配置 config 文件夹中的 index.js 文件

   proxyTable: {
     '/api': {
       target: 'http://xxxx:8080',//设置调用的接口域名和端口号
       secure: false,  // 如果是https接口，需要配置这个参数
       changeOrigin: true,
       pathRewrite: {
         '^/api': ''//将api 重写为空，这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://localhost:8080/user/login'，直接写‘/api/user/login’即可
       }
     }
   },
   

   
2. 修改 axios 的 默认请求接口

   axios.defaults.baseURL = "/api"