Vue 2 — 配置请求转发

 生产环境下，若遇到接口跨域的情况，前端可以使用vue配置代理请求的方法，将请求转发：

      '/ding/pack': {
        // target:'http://192.168.65.83:5002',
        target:'http://192.168.240.67:5002',
        changeOrigin:true, // 在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
        pathRewrite:{  // 路径重写，
          '^/': ''  // 替换target中的请求地址，也就是说以后你在请求http://api.douban.com/v2/XXXXX这个地址的时候直接写成/api即可。
        }
      }

注意：proxy的代理是根据请url求来判断是否使用代理的,必须记得配置:

 axios.defaults.baseURL = "/ding/pack"

或者：（否则将不会执行代理转发）

const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // api base_url
  timeout: 50000, // timeout,
  headers: { 'Access-Control-Allow-Origin': '*' },
})