vue-cli proxy解决跨域

66 阅读1分钟

例:请求的链接为abcd.net/api/Padding… 需要跨域的域名为:abcs.net/ 在http.js请求文件里,用一个值 myapi 替代, 在config.js里找到:dev/proxyTable,(vue-cli框架里proxyTable的值为{},如果没找到就在dev对象里添加),

proxyTable:{
    '/myapi': {
        target: 'http://abcd.net/',
        // 允许跨域
        changeOrigin: true,
        // 重写路径 myapi代替了目标路径
        pathRewrite: {
          '^/myapi': ''
        }
    },
   '/myapi2': {
        target: 'https://abcd2.net/',
        // 允许跨域
        changeOrigin: true,
        // 重写路径 myapi2代替了目标路径
        pathRewrite: {
          '^/myapi2': ''
        }
      }
}

image.png

image.png