Vue webpack配置跨域的基本配置和问题的注意

1，首先进行一个ProxyTable的一个配置，以下图《正确的配置》

 

二、将这个配置的文件导入进config/index.js

let proxyConfig = require('./proxyConfig')

proxyTable: proxyConfig.proxyList,
 

三、接口里的URL地址设置

 

 

 

注意事项：

这里须要注意的是配置代理的别名，别名注意不要使用驼峰，不要使用驼峰，不要使用驼峰，重要的事说三遍，根据测试首字母大写是能够的，

下面那个pathRewrite里面的代理别名根据状况进行置空或作其余操做，

代理别名basesamples千万不能和路由的地址有重复，不能重复，不能重复，三遍额，若是重复了，你跨域是解决了，可是你刷新的时候，就会报404，这是由于这里代理截止把你的那个路由里的basesamples这个单词置空了因此就找不到了。