今天在测试反向代理的时候,访问本地接口的时候报错Proxy error: Could not proxy request /miaomiao/cityList from localhost:8080 to http://10.12.0.111:3001.
See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).
首先看编译器报错
出现这种问题大致两种原因
-
是因为代理对象没有开启服务,不能访问到对象服务器
-
代理规则写错
我们这里出现此问题的原因是因为我在vue.config.js中把代理地址写错了,本来应该是3000的,我测试反向代理是否成功的时候写成了3001,所以出现了这样的错误、
今天在测试反向代理的时候,访问本地接口的时候报错Proxy error: Could not proxy request /miaomiao/cityList from localhost:8080 to http://10.12.0.111:3001.See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).首先看编译器报错出现这种问题大致两种原因
关于这个问题,博主是在集成联调的时候遇到的,在各个系统组件都开发完成后,联调不通过,
报错
:”
Proxy
error
: Could not
proxy
request
/***/***/*** from localhost:8080 to http://000.000.000/. “ 如下图:页面错误:关于导致这个问题的排查解决思路,通过以下三步:1、组件间联调的端口号冲突,修改
vue
.config.js中的代理port
修改内容如下:
2、代理路径错误例如:https://xxx.xxx.xxx/
vue
项目
webpack配置代理,
报错
代理失败,
Proxy
error
: Could not
proxy
request
xxx from xxx解决思路1.原因总结
1.是因为代理对象没有开启服务,不能访问到对象服务器
2.代理规则写错
good morning
Proxy
error
: Could not
proxy
request
/admin/myResources.do from online.jd.com:9528 to http://localhost:8082
See https://nodejs.org/api/
error
s.html#
error
s_common_system_
error
s for more information (ECONNREFUSED).
解决方法:
1、在
vue
.config.js中确认代理是否正常
devServer: {
- Network: http://192.168.100.26:9528/
Proxy
error
: Could not
proxy
request
/model/list from localhost:9528 to http://xxxxx:9090/xxxx.
See https://nodejs.org/api/
error
s.html#erro
VUE
项目
启动后,登录,发现
报错
:
Proxy
error
: Could not
proxy
request
/user/login from localhost:8089 to http://***。**。**:8081/.
See https://nodejs.org/api/
error
s.html#
error
s_common_system_
error
s for more information (ENOTFOUND).
报错
很明显,代理不过去,需要修改代理配置:
找到
vue
.config.js .
vue
跨域 (EPROTO)解决办法
最初看到这个错误,我是一头雾水,修改了无数次
vue
代理服务器(devServer)的配置,也再三确认了服务器上接口的正确性。直到看到了错误码。
网络上大部分的错误码为ECONNREFUSED、ENOTFOUND等,均为E开头,后面跟上错误状态。
那么 EPROTO 肯定也是E开头,状态为 PROTO,意为协议。
于是我尝试着将代理服务器的target从https://xxx.cn 换成了 http://xxx.cn ,成功解决了问题。
后面再附上一些其他可能解决问题的方
这个错误通常是由于缺少依赖或者版本不匹配导致的。你可以尝试通过以下步骤解决这个问题:
1. 确认你的
项目
中是否安装了 cache-loader 这个依赖,如果没有安装,可以通过
运行
npm install cache-loader 命令来安装。
2. 如果已经安装了 cache-loader,那么可能是版本不匹配导致的问题。你可以尝试升级或者降级 cache-loader 的版本,直到找到一个与你的
项目
兼容的版本。
3. 如果以上两个步骤都没有解决问题,那么可能是其他依赖或者配置文件出了问题。你可以尝试重新安装依赖或者检查配置文件是否正确。
希望这些方法可以帮助你解决这个问题。