Vue项目中使用proxyTable配置代理失效的解决办法

花了一天的时间，卡在了配置代理这。。。总是报如下错误：

502 bad gateway意思就是Web 服务器作为网关或代理服务器时收到无效的响应,接着再查看浏览器开发者工具下的Network，

localhost:8080不是我本地的端口吗，难道是没有成功配置代理？反复检查后发现不能看Request URL来判断（反向代理机制）。之前我参考了全网的做法：（清空浏览器缓存、删掉项目中的node_modules重新npm install、甚至重启电脑。。。）发现都没用，最终的解决办法是：

报错时的配置：

'/proxy': {target: 'http://localhost:4000',changeOrigin: true,pathRewrite: {'^/proxy': ''}}}

此时的目标地址是 http://localhost:4000，该地址在postman上测试过是没问题的

接着，将目标地址换成了本机IP地址：（如何查看本机IP地址：Win+R打开运行文件，输入cmd,在小黑框输入ipconfig/all即可查看），修改后的配置：

proxyTable: {'/proxy': {target: 'http://113.54.199.9:4000',changeOrigin: true,pathRewrite: {'^/proxy': ''}}}

至此无报错信息，且浏览器端可以查看到响应的Response

这么做就能解决问题的原因是：localhost地址下数据无法流向网络，也就是说你根本就没上网，怎么发送请求呢，所发的东西只是在本地回环，改为本机IP后就可以向目的服务器端发送请求，自然问题也就解决了。如果有更好的解答也希望和我一起交流哦~

Vue项目中使用proxyTable配置代理失效的解决办法相关推荐

vue项目中npm install安装失败，万能解决方法
vue项目中npm install安装失败,万能解决方法,即更换淘宝镜像,再执行npm install. 具体如下: npm config set registry https://registry. ...
vue php跨域,Vue 项目中遇到的跨域问题及解决方法(后台php)
问题描述前端 vue 框架,后台 php,百度跨域问题后台加这段代码 header("Access-Control-Allow-Origin: *"); 加了之后报这个错: Th ...
vue项目中使用vant时tabbar遮挡页面解决方法
标题vue项目中使用Vant时tabbar遮挡页面解决方法单页面使用: 页面底部可以增加一个div,<div style="height: 5rem;"></d ...
TIA博途WINCC中英文切换的项目中摄氏度符号无法正常显示的解决办法
TIA博途WINCC中英文切换的项目中摄氏度符号无法正常显示的解决办法问题概述组态了中英文切换的多语言项目,有些应用场合在数值显示时需要标注单位,例如:摄氏度符号°C. 常见的问题是切换显示语言为 ...
iOS Safari 中click点击事件失效的解决办法
转载自:https://www.cnblogs.com/Steping/p/5737547.html 问题起因: 在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效 ...
vue 项目中的打包配置
当我在使用vue 项目的时候, 我们可能会打包一下线上环境发布, 一会又在本地启动, 因为线上的环境要放在站点根目录下的二级目录中, 而我们的测试环境只是在 ./ 的根目录下, 所以, 当我要打包的时 ...
【转】】Vue项目部署tomcat，刷新报错404解决办法
转自[https://blog.csdn.net/g631521612/article/details/82835518] 解决方式: - 在tocmat的webapps下的项目中创建WEB-INF文 ...
Vue项目在ie浏览器打不开的解决办法
Vue项目兼容IE浏览器解决方法: 安装babel-polyfill npm install babel-polyfill --save-dev 或者 cnpm install babel-pol ...
【亲测成功】springboot中.yml没有spring的小叶子标志和项目中也没有spring绿色标志的解决办法
前言最近在进行SpringCloudAlibaba组件练习时,我使用的开发软件是IDEA,module构建太多了,导致我再创建yml文件时不能出现小叶子的标志: 我构建的项目工程: 这是idea编译 ...

Vue项目中使用proxyTable配置代理失效的解决办法

Vue项目中使用proxyTable配置代理失效的解决办法相关推荐

最新文章

热门文章