在不同域之间访问是比较常见，在本地调试访问远程服务器。。。。这就会牵扯跨域。
本文主要讲述开发环境
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
链接：//www.greatytc.com/p/788c3c98dadf
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
