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

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


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

let proxyConfig = require('./proxyConfig')

proxyTable: proxyConfig.proxyList,
 

3、接口里的URL地址设置

注意事项:

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

下面那个pathRewrite里面的代理别名根据情况进行置空或做其他操作,

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

猜你喜欢

转载自my.oschina.net/u/2542841/blog/2878921