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

最新推荐文章于 2023-06-07 13:54:11 发布
最新推荐文章于 2023-06-07 13:54:11 发布
阅读量7.4w 收藏 21
点赞数 21
分类专栏： 前后端接口常见问题 vue Node.js 文章标签： vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/h_123456___/article/details/114257050
版权

今天在测试反向代理的时候，访问本地接口的时候报错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，所以出现了这样的错误、
    在这里插入图片描述

在这里插入图片描述

hjt_未来可期
关注
  • 21
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
专栏目录
vue3配置代理--[vite] http proxy error_[vite] http proxy error
2401_84437095的博客
04-27 582
这样配置, 通用性更高一些。server: { // 中转服务器proxy: { // 通过代理实现跨域,搭理这个地址http://localhost:8081'/path': { // 路径, 作为就是替换域名target: 'http://127.0.0.1:8081', // 表示要替换的服务端地址changeOrigin: true, // 表示开启代理, 允许跨域请求数据secure: false, // 如果是https接口，需要配置这个参数。
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js焦点处理的几种方式
xcLeigh
08-18 4960
js焦点处理的几种方式,表单焦点处理和容器焦点处理，常用于文本框获取焦点时调用函数和失去时调用函数，div点击弹出层，当失去焦点时候隐藏层等问题处理。javascript焦点处理，很好的解决了此类问题。...
Proxy error: Could not proxy request /***/***/*** from localhost:8080 to http://000.000.000/. 的解决办法
Spring Boot-Common On With You
09-03 2万+
关于这个问题，博主是在集成联调的时候遇到的，在各个系统组件都开发完成后，联调不通过，报错：” Proxy error: Could not proxy request /***/***/*** from localhost:8080 to http://000.000.000/. “ 如下图：页面错误：关于导致这个问题的排查解决思路，通过以下三步：1、组件间联调的端口号冲突，修改vue.config.js中的代理port 修改内容如下： 2、代理路径错误例如：https://xxx.xxx.xxx/
Proxy error: Could not proxy request 解决方法
热门推荐
weixin_46669844的博客
12-28 3万+
7.127.0.0.1偶尔不行，直接使用localhost。5.dns解析有问题，可以把target：'8.请求是否超出代理timeout，代理失败。2.代理规则写错，前后端部署的域名应一致；4.URL前面不完整，没有http://注释掉，导致走代理前走了mockjs。1.后端相应的被代理服务器没有开启。安装这个低版本的模块就可以了。' 里面的网址换成ip，
Proxy error: Could not proxy request /XXX localhost to http://localhost:8080/ (ECONNRE)报错处理
LP'S Blog
01-25 3万+
Proxy error: Could not proxy request /captchaImage from localhost to http://localhost:8080/ (ECONNREFUSED).
Proxy error: Could not proxy request XXX from XXX to XXX
m0_47576928的博客
07-19 8911
先介绍一下环境，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 /v1/auth/login from localhost
Sunshine_DXM的博客
07-06 4751
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
报错记录proxy error:Could not proxy request ... from ... to...
qq_44447607的博客
06-07 1796
3.确认后端环境启动的是开发环境还是测试环境。1.查看自己的端口和启动服务的端口是否一致。2.确认后端服务是否关闭。
前端配置了跨域代理，却还是报错
zhang1509123907的博客
03-09 4518
前端配置了跨域代理，反反复复检查了配置文件，也确保配置文件修改过后是保存重启过项目的却还是报错，如下： Proxy error: Could not proxy request /api/product/getBaseCategoryList from localhost:8080 to http://39.38.123.211. See https://nodejs.org/api/errors.html#errors_common_system_errors for more informatio
VUE 下载文件错误 Proxy error: Could not proxy request xxx from xxx to xxx. HPE_INVALID_HEADER_TOKEN
寂寥之秋
06-30 7492
VUE 下载文件错误 Proxy error: Could not proxy request xxx from xxx to xxx. HPE_INVALID_HEADER_TOKEN
初识 Vue.js 中的 *.Vue文件
10-18
vue.js是一套构建用户界面的渐进式框架，它采用自底向上增量开发的设计.这篇文章主要介绍了VueJs 填坑日记之初识 *.Vue文件,需要的朋友可以参考下
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
vue.js 2.*项目环境搭建、运行、打包发布的详细步骤
10-17
主要介绍了vue.js 2.*项目环境搭建、运行、打包发布的详细步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
基于Vue的上***前端设计源码
最新发布
05-24
本项目是基于Vue的上***前端设计源码，包含590个文件，其中包括271个JavaScript文件、189个Vue文件、55个PNG图片文件、25个SCSS文件、11个JSON文件、8个Markdown文件、7个HTML文件、6个CSS文件和6个TypeScript文件。...
vue启动项目报错Proxy error: Could not proxy request /XXX localhost to http://localhost:8080/ (ECONNRE)
xjhqre的博客
04-19 2874
netstat -aon|findstr 8080：查看8080端口的进程。tasklist|findstr pid：查看对应pid的程序。原因：可能是 8080 端口被占用。解决方法一：关闭占用进程。解决方法二：改成其他端口。
Proxy error: Could not proxy request 请求地址 from localhost:9528 to 代理地址
Holly1945的博客
12-20 7277
vue devServer proxy 1.是因为代理对象没有开启服务，不能访问到对象服务器 2.代理规则写错 3.请求超出代理timeout，代理失败 我出现的问题是： 时不时出现代理错误 线上环境正常 axios 请求的timeout 为 300000 我的proxyTimeout： 3000 某些接口速度慢的时候 所以请求失败 修改我的proxyTimeout属性 devServe -> proxy 的配置选项 http-proxy-middleware http-proxy-middlewar
vue项目运行后报错 Error occurred while trying to proxy request
milijiangjun的博客
09-15 7963
错误代码： [HPM] Error occurred while trying to proxy request /api/multilingualQuery?lang=zh&sort=common from localhost:8080 to http://localhost:9090 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors) 总共有8大串 然后百思不得其解，咋地回事。自己各种办
线上vue项目报错uncaught syntaxerror: unexpected token *
07-14
### 回答1： 这个错误提示是由于在vue项目中使用了不支持的语法。"uncaught syntaxerror: unexpected token *" 的意思是遇到一个意外的 * 符号导致语法错误。 * 在JavaScript中通常表示乘法操作符或者扩展运算符。在vue中，可能会出现以下几种情况导致该错误： 1. 语法错误：在某个地方可能缺少了分号或者括号，导致解析错误。可以仔细检查代码的语法是否正确。 2. 解构赋值：在解构赋值语法中，* 表示剩余项。如果你尝试在vue项目中使用了类似的解构赋值语法，可能会引发该错误。可以通过修改代码来避免这个问题。 3. Babel配置错误：如果你使用了Babel来转译代码，可能是Babel的配置有问题导致这个错误。你可以仔细检查Babel的配置文件，确保所有的插件和预设被正确设置和加载。 综上所述，当你在vue项目中遇到"uncaught syntaxerror: unexpected token *"的错误时，需要仔细检查代码中的语法错误、解构赋值语法和Babel配置等方面是否存在问题，并逐一排除可能引起错误的原因。 ### 回答2： 这个错误是因为在Vue项目中出现了未预期的“*”符号，导致语法错误。出现这个错误的原因可能有几种情况： 1. 版本不匹配：如果你的Vue项目中使用的版本与你的代码所用的Vue版本不匹配，可能会导致这个错误。你可以尝试升级或降级Vue的版本以解决这个问题。 2. 语法错误：你的代码中可能存在语法错误，比如在不正确的地方使用了“*”符号。请仔细检查你的代码，确保没有输入错误。 3. 依赖问题：如果你的项目依赖的某些库或插件与你的代码产生了冲突，也可能导致这个错误。请检查你的依赖项，并查看是否更新或更换某些库可以解决问题。 要解决这个错误，你可以按照以下步骤进行操作： 1. 检查Vue版本：确保你的Vue项目中使用的版本与你的代码所用的Vue版本匹配。 2. 仔细检查代码：检查你的代码，特别是与“*”相关的部分，确保没有语法错误或输入错误。 3. 更新或更换依赖项：检查你的依赖项，如果发现与“*”相关的库或插件存在冲突，尝试更新或更换它们。 总之，这个错误是由于在Vue项目中出现了未预期的“*”符号导致的语法错误。要解决这个问题，你可以检查Vue版本、仔细检查代码以及更新或更换依赖项。希望对你有所帮助！ ### 回答3： 如果在线的Vue项目报告了"Uncaught SyntaxError: Unexpected token *"错误，这可能是因为在不支持的JavaScript版本中使用了ES6的新特性。 该错误通常是由于浏览器版本不支持ES6语法导致的。问题的根本原因是你的浏览器不支持"*"这个特殊的语法标记。 为了解决这个问题，你有几个选项： 1. 升级你的浏览器版本：确保你的浏览器是最新的，并且支持ES6语法。你可以从浏览器的官方网站上下载最新版本。 2. 使用Babel来转译代码：Babel是一个流行的JavaScript编译器，可以将ES6语法转换为ES5，这样它就可以在旧版本的浏览器上运行。 3. 修改代码以避免使用不支持的语法：查看你的代码中是否使用了ES6中的新特性，如箭头函数、解构赋值、模板字符串等。如果是的话，可以尝试使用旧的JavaScript语法替代。 总结一下，"Uncaught SyntaxError: Unexpected token *"错误是由于你的浏览器不支持ES6语法而引起的。你可以通过升级浏览器、使用Babel转译代码或修改代码来解决这个问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值