vue 端口不固定，指定端口无效（已解决！）

最新推荐文章于 2024-12-18 17:19:15 发布

沐晨123

最新推荐文章于 2024-12-18 17:19:15 发布

阅读量4k

点赞数

CC 4.0 BY-SA版权

文章标签： vue 前端端口 proxy

本文链接：https://blog.youkuaiyun.com/weixin_42040757/article/details/99719073

本文解决了Vue项目启动时端口随机分配的问题，原本指定的9528端口未生效，导致登录请求出现proxyerror错误。通过排查，发现端口占用并非问题所在，最终找到解决方案并分享了具体步骤。

vue项目启动时每次端口都随机一个，指定的端口不生效，发起登录请求时报proxy error

（端口指定的是9528，每次启动随机一个端口）

浏览器

报错如下：

端口占用已排除，9528端口上没有任何进程

控制台会报一个500

问题已解决，感谢大佬！（方法与原因皆来自问答：https://ask.youkuaiyun.com/questions/773532）

方案如下

原因

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

沐晨123

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Nginx 多端口配置和访问异常问题的排查与优化

码农研究僧的博客

11-25

795

端口管理：确保新端口未被占用，且防火墙规则已开放。虚拟主机配置：合理设置 server_name 和 listen，避免匹配异常。缓存清理：修改配置后清除浏览器和 DNS 缓存。路径转发：配置前端 try_files 和后端 proxy_pass，保证服务可用性。配置验证：使用 nginx -t 和服务重载，确保配置正确生效

vue.js如何更改默认端口号8080为指定端口的方法

10-19

本篇文章主要介绍了vue.js如何更改默认端口号8080为指定端口的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

2 条评论您还未登录，请先登录后发表或查看评论

VUE修改端口后，没启效果，原因是指定端口失效

qq_40291247的博客

08-20

4080

在config/index.js中指定 host: 'localhost', // can be overwritten by process.env.HOST port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined 原因：portfinder新...

vue指定端口号不管用，每次打开端口号不同

tsyjfg的博客

08-30

955

解决：npm install portfinder@1.0.21 亲测有效

vue-cli3.0 启动时端口随机是谁的锅？

禅思院

08-20

3758

vue-cli3.0 随机端口的问题

vue-cli（4.0.5版）设置自定义端口号无效（portfinder.basePort）

qq_38969618的博客

10-26

2188

可能原因1：新版本的portfinder有问题，需安装：npm install portfinder@1.0.21。可能原因2：端口被占用，或者防火墙没关。如何查看端口号被占用情况：https://jingyan.baidu.com/article/597a06431ecac3312a524351.html vue-cli自定义端口无效解法：https://www.jianshu.com...

vue2 通过设置devServer.port端口号，启动测试服务后端口失效/自动切换端口

经验之谈，不做搬运工

04-28

1058

vue2 设置端口号小于1990（通过设置devServer.port）启动测试服务后端口失效/自动切换端口。

vue cli3 配置proxy代理无效的解决

10-16

本文将详细解释如何正确配置Vue CLI 3的`proxy`代理，并解决配置无效的问题。首先，打开`vue.config.js`文件，这个文件是Vue CLI 3自动生成的配置文件，用于定义项目的特定设置。如果没有这个文件，可以在项目根...

解决前后端分离 vue+springboot 跨域 session+cookie失效问题

10-17

注意，"Access-Control-Allow-Origin"不应设置为"*"，否则"Access-Control-Allow-Credentials"设置为"true"将无效，因为浏览器不会在跨域请求中发送带有"credentials"的请求。因此，需要指定具体的源地址，确保仅...

vue3 pathRewrite无效问题解决

qq_44598112的博客

02-07

4091

vue3 pathRewrite无效

记录一次vite代理不成功的奇葩问题

ai520587的博客

05-29

4888

记录一次vite代理不成功的奇葩问题可不知怎么回事就是，代理配置没有任何问题，可是接口就是代理失败，研究了一下午各种搜索、各种测试，代理的监听器也加了，最后才发现了这个奇葩问题。代理成功之前我浏览器访问地址是，咋一看也没有问题，可这个奇葩的问题就在这，通过localhost的方式访问就会一直代理不成功。当我使用 IP地址访问时，代理起作用了。搞了一下午原来是我的访问方式不对，太搞人了，做一个码农可真是永远都在填坑。印象中，之前用vue2+vue-cli似乎也出现

vue + vite 项目中修改port启动端口

qq_38909255的博客

12-14

7526

1、找到package.json ，修改scripts中的启动项： "start": "vite --port 8000" “start”可以修改，如上，启动命令： npm run start;

解决 Vite 项目启动时端口重复问题的总结

this_zq的博客

12-18

1076

最近写项目遇到个奇怪的事，Vite 默认端口冲突的问题在多人协作和多项目运行的场景中非常常见。传统的手动解决方案需要频繁调整配置，显得麻烦且低效。

vue3 使用 vite 构建的项目打包后无法访问

weixin_46047612的博客

09-17

3820

vue项目build 之后无法访问

vue3 vite 创建运行项目端口5000 没有ip访问地址

weixin_45157073的博客

06-28

1255

vue3 +vite 运行项目出现问题第一个问题端口号5000的问题上面图片是package.json文件的运行配置默认运行 npm run dev 使用npm run serve 会出现端口号5000 访问不到项目第二个问题使用ip访问地址 vite.config.js......

前端开发 Vue 代理配置(解决前后端域名/Ip/端口不一致导致无法请求的问题)

GIS摆渡人

04-22

9028

文章目录业务说明代理配置修改截图后端服务器代码前端Vue代码业务说明假设vue项目的地址是：localhost:80/，比如，页面中请求’http://127.0.0.1:8080/api/user/ss’时，地址只需要写为’/api/user/ss’就可以了。代理配置 const { defineConfig } = require('@vue/cli-service') const AutoImport = require('unplugin-auto-import/webpack') cons

Vue 项目修改运行端口

zhouzhiwengang的专栏

08-04

589

打开 Vue项目之config\index.js 文件，找到如下截图配置：修该port 参数，重新启动Vue 项目，查看控制台输出项目访问地址。

vite 修改端口号和ip启动

jiangliuhuan123的博客

07-26

2162

vite.config.js: 增加server{host:‘xxx.x.x.x’}package.json 修改: – – port xxxx。

vue3+vite 配置代理后不生效404