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

最新推荐文章于 2024-05-17 14:46:37 发布
最新推荐文章于 2024-05-17 14:46:37 发布
阅读量3.8k 收藏 1
点赞数
文章标签： vue 前端 端口 proxy
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42040757/article/details/99719073
版权

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

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

浏览器

报错如下：

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

控制台会报一个500

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

方案如下

原因

 

沐晨123
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
vue指定端口号不管用，每次打开端口号不同
tsyjfg的博客
08-30 893
解决：npm install portfinder@1.0.21 亲测有效
vue.js如何更改默认端口号8080为指定端口的方法
10-19
本篇文章主要介绍了vue.js如何更改默认端口号8080为指定端口的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
一个VUE项目当中如何请求多个服务器接口地址
最新发布
fengGer的博客
05-17 377
当后端小伙伴拿到一个项目工程时，你会发现别人给你的工程什么都没有，他的要求是你自己起个工程,到时候直接部署多个服务。】,那么问题来了，那就前端也得使用两个后端地址，肿莫办，头大了，以前只知道写死一个API地址就够了，那么现在咋弄呢😵。}3、最后：它就实现了，其实逻辑很简单，不过应用场景很少见而已【个人观点，仅供参考】…// ① 在网络请求方法里面搞两个axios实例。// 这里在根据实际情况，做出对应实例应用。// 在API网络请求的封装文件里面。// 创建 axios 实例。// 例如GET请求。
VUE修改端口后，没启效果，原因是指定端口失效
qq_40291247的博客
08-20 3729
在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-cli3.0 启动时端口随机是谁的锅？
禅思院
08-20 3676
vue-cli3.0 随机端口的问题
vue-cli（4.0.5版）设置自定义端口号无效（portfinder.basePort）
qq_38969618的博客
10-26 2014
可能原因1：新版本的portfinder有问题，需安装：npm install portfinder@1.0.21。 可能原因2：端口被占用，或者防火墙没关。 如何查看端口号被占用情况：https://jingyan.baidu.com/article/597a06431ecac3312a524351.html vue-cli自定义端口无效解法：https://www.jianshu.com...
vue + vite 项目中修改port启动端口
qq_38909255的博客
12-14 7174
1、找到package.json ，修改scripts中的启动项： "start": "vite --port 8000" “start”可以修改，如上，启动命令： npm run start;
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"的请求。因此，需要指定具体的源地址，确保仅...
vue.js使用代理和使用Nginx来解决跨域的问题
11-27
使用Nginx 反向代理解决跨域问题（vue.js使用代理去掉vue.js因为跨域而触发的options请求） 我们的项目还是需要node.js作为容器的 一、Windows 下安装Nginx （官网下载稳定版http://nginx.org/en/download.html） 二...
Vue结合SpringBoot注册发送邮件激活.zip
01-07
- **前端提示**：Vue.js可以捕获后端返回的错误状态，显示相应的错误信息，如邮箱已存在、激活码无效等。 - **后端日志**：SpringBoot应用应记录任何异常，以便于调试和监控。 6. **安全考虑**： - **加密存储**...
observ:观察:eye:-Vue.js计算属性和观察程序的Python端口
05-02
Observ是的程序的Python端口。 它完全与事件循环/框架无关，并且没有依赖关系，因此可以在面向Python> = 3.6的任何项目中使用。 Observ为有状态应用程序提供了以下两个好处： 您不再需要手动使状态无效并重新计算...
vue3 使用 vite 构建的项目打包后无法访问
weixin_46047612的博客
09-17 2677
vue项目build 之后无法访问
vue3 vite 创建运行项目 端口5000 没有ip访问地址
weixin_45157073的博客
06-28 1026
vue3 +vite 运行项目 出现问题 第一个问题 端口号5000的问题 上面图片是package.json文件的运行配置 默认 运行 npm run dev 使用npm run serve 会出现端口号5000 访问不到项目第二个问题 使用ip访问地址 vite.config.js......
前端开发 Vue 代理配置(解决前后端域名/Ip/端口不一致导致无法请求的问题)
GIS摆渡人
04-22 8589
文章目录业务说明代理配置修改截图后端服务器代码前端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 525
打开 Vue项目之config\index.js 文件，找到如下截图配置： 修该port 参数，重新启动Vue 项目，查看控制台输出项目访问地址。
vite 修改端口号和ip启动
jiangliuhuan123的博客
07-26 983
vite.config.js: 增加server{host:‘xxx.x.x.x’}package.json 修改: – – port xxxx。
vue3+vite 配置代理后不生效404
qq_64209130的博客
06-30 8851
在重写路径的时候需要看接口有没有统一的前缀,如果有的话充写路径就需要重写到代理路径(这种情况要注意的一点是代理路径和统一前缀要一样),如果没有统一的前缀,重写路径要指向空(有统一前缀但是代理路径与统一前缀不一样也指向空)在检查服务器地址没有问题,接口地址也没有问题,用postman访问接口也能正常返回的情况下,可以看看vite.config.ts中proxy的rewrite。在开发环境中axios的baseUrl直接设为/api就可以正常访问接口了。proxy是配置代理的,rewrite是用来重写路径的。
Vite的安装，启动和端口配置
weixin_45466242的博客
10-07 3582
选择一个文件夹输入cmd此处我选择的是D:\VueStudy进入终端后输入官网（https://cn.vitejs.dev/guide/）指定命令此处我使用yarn安装Vite命令**注意：**此处my-vue-app是官网帮你起的名字，可自行修改。
vue2 package.json 指定端口
09-03
Vue2的package.json文件中可以通过修改"scripts"属性中的"start"命令来指定端口。 在package.json文件中找到"scripts"属性，然后修改其中的"start"命令。默认情况下，"start"命令是指向"vue-cli-service serve"命令的。这是用来启动开发服务器的命令。 例如，如果想要将端口设置为3000，可以将"start"命令修改为"vue-cli-service serve --port 3000"。这样，在运行"npm start"命令启动开发服务器时，服务器将在3000端口上运行。 修改完成后，保存package.json文件并重新运行"npm start"命令，开发服务器将在指定的端口上启动。 需要注意的是，如果指定的端口已被占用，系统将会尝试使用其他可用的端口。所以，如果指定的端口无法使用，可以尝试选择一个不被占用的端口。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值