代码
//vue-cli 创建的webpack模板 config文件夹index.js
proxyTable: {
'/api': {
changeOrigin: true,
target: 'http://127.0.0.1:8080',
pathRewrite: {
'^api': ''
}
}
}
首先查看API 网站:https://vuejs-templates.github.io/webpack/proxy.html
大部分人理解,包括我之前都是这样理解:
比如:
前台请求地址:http : // 127.0.0.1:80/api/dologin
经反向代理后地址:http : // 127.0.0.1:8080/dologin
实际上:
前台请求地址:http : // 127.0.0.1:80/api/dologin
经反向代理后地址:http : // 127.0.0.1:8080/api/dologin
如果是我配置写错了还好说,可我这是从API官网扒的代码,只改了参数,这…
导致我之前一直以为vue-cli template这个反向代理配置就是搞笑来的~~
重点:
实际上反向代理的意思就是将原先请求的域名换成想要请求或者说应该请求的地址,而路径上携带的api只是告诉服务器端,凡是携带api开头的请求都是我发来的,返回值格式记得换成我想要的格式
哦了,如果理解错了的小伙伴这下知道了 O(∩_∩)O~
还有,如果有觉得我这个例子写的有问题的小伙伴敬请在评论区指出来,但还望嘴下留情~