vue 请求代理 做跨域解决

vue的项目 我们后台的接口有的时候回出现跨域 这时候vue 可以做代理 在config文件下的index.js文件里

找到proxyTable 一开始是proxyTable:{} 空的 改成下面的

dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/apis': {
        target: 'https://shop.test.rszx168.com/index.php?s=',//请求地址的前缀
        // target: 'https://app.rszx168.com/',
        // target: "https://www.rszx168.com/",
        // secure: false,  // 如果是https接口，需要配置这个参数
        changeOrigin: true, //是否跨域
        pathRewrite: {
          '^/apis': ''
        }
      }
    },

我有一篇文章写道分装请求的方法了 可以仔细看一下这里就不详细说了 直接上代码

export default {
  Ajax: function (method, url, data) {
    return new Promise((resolve, reject) => {
      axios({
          method: method,
          url: '/apis' + url, //本地调试  /apis 就是代理写的地址 只是域名 url 来补全请求地址 这时候就解决了跨域问题
          data: data,
          dataType: 'jsonp',
          headers: {},
        })
        .then(res => {
          resolve(res.data);
        })
        .catch(err => {
          reject(err);
        });
    });
  },
  }

后面一篇我会写到打包不同的环境配置