vue项目运行报错Proxy error: Could not proxy request “***UIRL” from “***” to “****”

最新推荐文章于 2024-12-21 14:49:18 发布
原创 最新推荐文章于 2024-12-21 14:49:18 发布 · 9.6w 阅读 · 27 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #node.js

本文介绍了在测试反向代理过程中遇到的一个典型错误——代理请求失败，并详细解释了该问题产生的原因，包括代理目标未启动服务及代理配置错误等。通过调整 vue.config.js 中的代理设置，最终解决了这一问题。

今天在测试反向代理的时候，访问本地接口的时候报错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).
首先看编译器报错
在这里插入图片描述
出现这种问题大致两种原因

  1. 是因为代理对象没有开启服务，不能访问到对象服务器
  2. 代理规则写错
    我们这里出现此问题的原因是因为我在vue.config.js中把代理地址写错了，本来应该是3000的，我测试反向代理是否成功的时候写成了3001，所以出现了这样的错误、
    在这里插入图片描述

在这里插入图片描述

若依框架调试：遇到的问题及解决步骤
m0_57021623的博客
01-12 2万+
关于若依项目调试出现的问题： Hbiuld启动项目报如下错误： Proxy error: Could not proxy request /logout from localhost to http://localhost:81/. See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED). 启动前端项目，报404异常。 系统接口404异常 初步断定是端口号
Node.js v12.16.2 的文档中，“Errors“（错误）部分主要介绍了在 Node.js 运行过程中可能会遇到的错误类型及其处理方法
BLOG域名:programb.blog.youkuaiyun.com
04-16 4211
上述介绍了几种常见场景下的错误类别划分依据及其对应的解决方案思路。合理运用它们可以帮助构建更加健壮可靠的系统架构设计。Node.js v12.16.2 的文档中，“Errors”（错误）部分主要介绍了在 Node.js 运行过程中可能会遇到的错误类型及其处理方法。
Proxy error: Could not proxy request 解决方法
s_156的博客
12-21 8169
7.127.0.0.1偶尔不行，直接使用localhost。运行在localhost:b端口，不同端口存在跨域问题。5.dns解析有问题，可以把target：'8.请求是否超出代理timeout，代理失败。2.代理规则写错，前后端部署的域名应一致；4.URL前面不完整，没有http://服务运行在localhost:a端口，需要在vue.config.js中添加。安装这个低版本的模块就可以了。注释掉，导致走代理前走了。' 里面的网址换成ip。
vue启动项目报错Proxy error: Could not proxy request /XXX localhost to http://localhost:8080/ (ECONNRE)
xjhqre的博客
04-19 3485
netstat -aon|findstr 8080：查看8080端口的进程。tasklist|findstr pid：查看对应pid的程序。原因：可能是 8080 端口被占用。解决方法一：关闭占用进程。解决方法二：改成其他端口。
Proxy error:couldnot proxy request
热门推荐
陌上人如玉，公子世无双
10-18 14万+
问题 探究 proxy error问题是因为端口号被占。前端出现了500问题，说明后端服务器有问题，并不是前端vue.config中的proxy出现了问题。那么就去检查后端的端口号是否和前端一致。 后端： 这里调用的是测试环境。但前端启动的本地环境， 解决： 将测试环境改为本地 可以正常运行啦~ 常见网页代码 普及一些常见标识： 100：继续 200：成功 400：错误请求 401：未授权...
nodeerrors:node.js中的错误处理
04-29
节点错误 这是一个用于在node.js更有效地处理错误的库，特别是为像我这样的人创建的，他们大多数时候使用函数提升来避免某些所谓的“回调地狱”。 安装 npm install nodeerrors 指定您自己的错误 您可以通过在项目的根文件夹或config/.errors.js添加.errors.js文件.errors.js指定自己的错误类型。 这是一个.errors.js文件的示例： module . exports = { "system" : { message : "Internal server error" , http : 500 } , "notUnique" : { message : "The property \"%s\" is not unique. The value \"%s\" already exists." , args : [ "
Vue-Proxy error: Could not proxy request xxx/xxx from localhost:9528 to http://ip:port
Eistert
11-05 1万+
问题 vue项目启动后登录报如下错误： App running at: - Local: http://localhost:9528/ - 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/errors.html#erro
VUE 下载文件错误 Proxy error: Could not proxy request xxx from xxx to xxx. HPE_INVALID_HEADER_TOKEN
寂寥之秋
06-30 8151
VUE 下载文件错误 Proxy error: Could not proxy request xxx from xxx to xxx. HPE_INVALID_HEADER_TOKEN
vue3报错 Proxy error: Could not proxy request /invoice/uplaod from localhost tohttp://192.168.187.117:28089(ECONNRESET)
08-30
当在 Vue 3 项目中遇到 `Proxy error: Could not proxy request /invoice/uplaod from localhost to http://192.168.187.117:28089(ECONNRESET)` 错误，可从以下方面进行排查和解决： ### 检查目标服务器状态 确保...
开发环境报错Proxy error:couldnot proxy request，但是生产环境正常
03-27
好的，我现在需要解决开发环境中出现的Proxy error: Could not proxy request的问题。用户提到生产环境正常，但开发环境有问题，这可能和运行时配置差异有关。首先，我需要回忆一下相关的解决方案和常见的调试方法。...
本地若依框架使用swagger报错 Proxy error: Could not proxy request /swagger-ui/index.html from localhost to http://localhost:8080/ (ECONNREFUSED).
最新发布
11-06
报错信息 'Proxy error: Could not proxy request /swagger-ui/index.html from localhost to http://localhost:8080/ (ECONNREFUSED)' 表明本地若依框架在尝试将请求代理到 `http://localhost:8080` 时被拒绝，通常...
vue proxy error: could not proxy request
12-15
Vue.js在开发环境中通过`vue.config.js`文件中的`devServer.proxy`配置来处理跨域请求，如果遇到`proxy error: could not proxy request`错误，通常是由于以下原因： 1. **目标URL无效**：确认你正在尝试代理的目标...
Proxy error: Could not proxy request XXX from XXX to XXX
m0_47576928的博客
07-19 9274
先介绍一下环境，Windows10系统，vue-cli4 再直接讲结果，vue.config.js配置如下： 注意：target加上前缀http:// 因为之前Windows和Linux写法是有区别的，Windows是直接ip+端口就可以，vue-cli4这样写就会报如题目所示错误。 再加上axios相关配置及使用: 先安装axios： npm install axios --save main.js引入： import axios from 'axios' axios...
VUE Proxy error Could not proxy request XXX.html from localhost8080 to XXXX (ECONNRESET). 问题解决
m0_67391120的博客
03-09 2086
https://xxx.com 和 http://xxx.com 一定要区分清楚，并且一定得添加 http:// 。 所有会设置端口号的地方（前台和后台允许跨域访问等），端口号设置是否和 vue.config.js 里面的 host: 'localhost', port: 8080, 一致。 经过测试，我链接手机热点的时候，也会报这个错，正常连接WiFi就没问题了。 ...
VUE启动报错 || Proxy error: Could not proxy request /v1/auth/login from localhost
Sunshine_DXM的博客
07-06 5433
VUE启动报错 || Proxy error: Could not proxy request /v1/auth/login from localhost报错信息问题原因解决办法 报错信息 Proxy error: Could not proxy request /v1/auth/login from localhost:8081 to http://127.0.0.1:9527. See https://nodejs.org/api/errors.html#errors_common_system_err
vue2中使用mockjs出现报错proxy error: could not proxy request xxx from xxx to xxx 和404，500问题
qq_43210082的博客
05-23 3231
问题说明 出现proxy error: could not proxy request报错，应该是因为devServer代理的服务器未开启，或者地址错误，改正就好。 404 not found，找不到请求的资源。应该检查发送请求的api地址是否错误。 项目配置 vue.config.js: devServer: { proxy: { "/api": { target: "http://localhost:8080", changeOrigin: true,
关于 Vue代理服务器Proxy error: 报错问题的解决方法
qq_44410220的博客
01-14 6万+
Vue-cli4 Proxy error:报错的解决方法
vue跨域 Uncaught (in promise) Proxy error: Could not proxy request xxx from xxx to xxx (EPROTO)解决办法
葡萄战车的博客
05-25 6715
vue跨域 (EPROTO)解决办法 最初看到这个错误，我是一头雾水，修改了无数次vue代理服务器（devServer）的配置，也再三确认了服务器上接口的正确性。直到看到了错误码。 网络上大部分的错误码为ECONNREFUSED、ENOTFOUND等，均为E开头，后面跟上错误状态。 那么 EPROTO 肯定也是E开头，状态为 PROTO，意为协议。 于是我尝试着将代理服务器的target从https://xxx.cn 换成了 http://xxx.cn ，成功解决了问题。 后面再附上一些其他可能解决问题的方
评论 10
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值