Vue-cli开发环境跨域请求

在不同域之间访问是比较常见，在本地调试访问远程服务器。。。。这就会牵扯跨域。

本文主要讲述开发环境

VUE解决通过proxyTable:

在 config/index.js 配置文件中

dev: {env:require('./dev.env'),port:8080,autoOpenBrowser:true,assetsSubDirectory:'static',assetsPublicPath:'/',//proxyTable: {},proxyTable:'/apis': {// 测试环境target:'http://api.veblen.com',// 接口域名changeOrigin:true,//是否跨域pathRewrite: {'^/apis':'apis'//需要rewrite重写的,}                      },// CSS Sourcemaps off by default because relative paths are "buggy"// with this option, according to the CSS-Loader README// (https://github.com/webpack/css-loader#sourcemaps)// In our experience, they generally work as expected,// just be aware of this issue when enabling this option.cssSourceMap:false}

核心配置

proxyList: {'/apis': {// 测试环境target:'http://api.veblen.com',// 接口域名changeOrigin:true,//是否跨域pathRewrite: {'^/apis':'apis'//需要rewrite重写的,}                      }  }

Vue请求

this.$http.get('/apis/getData')            .then(function(res){// 成功回调},function(){                      alert("error")            })

请求路径就会被映射http://api.veblem.com/apis/getData

作者：victor

链接：https://www.jianshu.com/p/788c3c98dadf

來源：

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。