vue项目默认端口号

最新推荐文章于 2024-04-03 02:48:37 发布
最新推荐文章于 2024-04-03 02:48:37 发布
阅读量2k 收藏 11
点赞数 10
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55477902/article/details/135670058
版权
文章讲述了在MacOS上本地启动Vue项目时，由于权限限制，即使配置了80端口，实际会从1024开始。解决方法包括修改vue.config.js和package.json中的端口号设置。
摘要由CSDN通过智能技术生成

本地启动vue项目时，明明在vue.config.js中配置的端口号为默认的80，但启动后端口号总是从1024开始，如果被占用则会在占用的端口号上+1，一直没想通，最近才知道原来mac os的默认端口号windows不同。

在mac os中，非root用户是无法使用小于1024的常用端口的。 如果小于1024端口，会从1024开始。

解决：

sudo npm run dev

vue项目如果要自定义端口号，有几种方式

  1. 修改vue.config.js里的port配置
  2. 在package.json文件的运行命令配置上加上 "dev": "vue-cli-service serve --port 9528"
  3. 在启动项目时追加上端口号npm run dev -- --port 9888 
向阳花自开
关注
  • 10
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
2024年前端最全修改Vue项目运行的IP和端口_vite项目怎么更改端口号，从java语言到AIDL使用与原理讲解
2401_84435700的博客
05-06 429
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。前端面试题汇总JavaScript性能linux前端资料汇总。
vue修改vue项目运行端口号的方法
12-10
一、导语 最近在研究，左侧是导航，右侧是显示对应的内容，左右可单独滚动，不互相影响，如何实现？ 萝卜蹲的游戏大家都玩过，白萝卜蹲，白萝卜蹲，白萝卜蹲完红萝卜蹲，可是若是在含有滚动条的页面的情况下，白萝卜是子元素，红萝卜是父元素，白萝卜蹲完不想让红萝卜蹲，怎么办？ js是直接用阻止默认事件e.preventDefault(); ，vue虽然也有阻止默认事件@scroll.prevent，但是并没有效果啊，怎么办啊？？有木有同学会啊？？？ 二、正文 记录下如何更改vue项目运行的端口号 使用webpack创建的vue项目，端口号默认是8080，可是不想用8080做项目的端口号怎么办？？ 1、找到项
vue-cli3，设置端口号(81)无效
Zq
07-08 5294
用vue-cli3创建的项目端口号从8080开始，被占用依次加1，也就是说8080用不了用8081，8081用不了用8082以此类推 哈哈，因为要登陆，不喜欢输入，所以呢就会用浏览器记住密码的功能，端口号一变就郁闷了，还有浏览器记住地址的功能，有时候需要输入较长的链接，而我们公司的后端就是8080端口 到这里，只能说一个难受； 所以我必须设置一个固定的端口，嗯，81是我喜欢的，但是官方...
Vue专题（三）vue项目启动端口更改
XueZePeng18729875380的博客
03-15 4004
1. Vue项目的默认端口是8080，不修改的情况下启动项目之后端口就是8080，若8080端口已经被占用了，端口号会进行递增。2. 在config文件夹下的index.js文件中可以进行配置。更改port的值，重新运行项目即可。
vue项目指定运行时占用的端口
weixin_45966674的博客
03-28 1484
正常情况下 我们启动vue项目 他会自动选择 http://localhost:8080/ 如果 8080被占用 他就会用 8081 然后再被占用就是8082 以此类推。这里 我们指定他运行在 82端口 当然 82被占用后 他也会去 83。我们可以在项目跟目录创建vue.config.js。vue.config.js参考代码如下。
vue项目的访问端口及其设置
easyJob
08-25 7487
一、vue项目的访问端口 vue项目目录下config文件夹中的index.js文件 二、端口变化及其设置 // can be overwritten by process.env.PORT, if port is in use, a free one will be determined ※ 如果不进行端口号修改，默认端口8080，如果端口占用，则会自动调用空闲端口。 ...
vue3创建项目（五）vite配置端口号
zhangxueyou2223的博客
06-29 7082
Vue3配置代理跨域和服务端口等配置，可以在 vite.config.js 进行配置。(类似用 vue-cli 的 vue.config.js）
vue启动项目时指定端口的方法
Jeasu_0908的博客
01-20 1万+
vue启动项目时临时修改端口的方法 方法一：通过修改根目录下的vue.config.js配置文件 module.exports = { devServer: { port: 3000, // 端口 }, // lintOnSave: false // 取消 eslint 验证 } 方法二：通过vue项目启动命令 在这里插入代码片 ...
Vue修改项目启动端口号方法
10-16
在`dev`对象下，你可以找到`port`属性，这就是开发环境下的默认端口号。修改这个值即可更改启动端口号，例如： ```javascript dev: { ... port: 8090, // 修改这里的端口号，如8090 ... } ``` 保存以上...
vue.4.0 修改默认的端口号
01-20
网络上大部分是在config文件夹下，index.js 里面有个dev 里面的port。...路径为 movie_view\node_modules\@vue\cli-service\lib\options.js 其中的 movie_view 是我的项目文件夹。 启动服务的时候，可以使用 yarn ser
vue.js如何更改默认端口号8080为指定端口的方法
12-10
Vue.js 是一个流行的前端...总之，更改Vue.js的默认端口号涉及修改`config/index.js`文件中的`port`配置，然后重启开发服务器。这个过程可以帮助开发者灵活地管理和配置自己的Vue项目，以适应不同的开发环境和需求。
如何修改vue项目运行的端口号
热门推荐
三分恶的博客
09-29 2万+
VUE项目默认端口是 8080 ,但是这个端口号用的太多了，所以端口号冲突了怎么办？那就得修改VUE项目的端口号，这里有两种方式。 配置文件修改端口号 打开 ==config\index.js == ，找到配置： port: 8080 可以看到端口是8080，修改成我们需要的即可： 这种方式会永久修改VUE项目启动端口号。 启动命令设置端口号 如果只是想临时修改VUE启动端口号，还有一种方式就是启动命令中设置端口号： 我们一般这么启动： npm run dev 加上参数： npm run de.
vue-cli项目修改端口号
蒋劲豪的博客
06-28 457
【代码】vue-cli项目修改端口号。
Vue项目自定义host端口
meis27461的博客
12-25 9451
默认vue的项目是8080端口，可以在vue.config.js中配置，如果没有就在项目根目录创建一个 还有很多其他选项，具体可以看webpack的文档，这里省略一下 vue.config.js module.exports = { devServer: { host: "free.iule.net", //指定要使用的 host port: 80, //指定端口号以侦听 hotOnly: false, //启用热模块替换，而无需页面刷新作为
如何给Vue项目指定端口号
jakelihua
09-02 590
简介：如何给Vue项目指定端口号.
如何修改vue项目运行的端口号，微信小程序前端开发
最新发布
m0_55956883的博客
04-03 1712
面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】96道前端面试题：常用算法面试题：内容主要包括HTML，CSS，JavaScript，浏览器，性能优化。
vue修改指定端口
m0_56419249的博客
12-16 1070
vue修改指定端口
vue配置端口号
qq_40787608的博客
06-16 1183
webpack中vue配置端口号
vue搭建脚手架
qq_53217825的博客
10-24 267
ESLint + Standard config自带linter和自动代码纠正，没有配置，自动格式化代码，可在编码早起发现规范问题和低级错误。{demo}为项目的名字：跳出如下，可以选择第一个即带有router的vue3项目，点击回车即可自动下载搭建。也可以选择Manually select features(自定义)，键盘上下键选中，回车确定。首先使用vscode打开一个空的文件夹：按shit+ctrl+~，调出终端，输入。根据提示安装完之后，按win+r调出cmd，输入以下。如果出现版本号则安装成功。
vue 项目修改端口号
07-27
回答: 要修改Vue项目的端口号，有两种方法可以实现。第一种方法是在项目的package.json文件中找到"serve"属性，然后在属性值后面加上"--port 9000"。如果是使用cli3+版本创建的项目，应该在"serve"属性值后加上"--port 9000"。如果是使用cli2创建的项目，应该在"dev"属性值后加上"--port 9000"。例如："serve": "vue-cli-service serve --port 9000"。\[1\]第二种方法是在项目的根目录下的webpack.config.js或vue.config.js文件中配置devServer属性，指定host和port的值为所需的端口号。例如：module.exports = { devServer: { host: 'localhost', port: 9000 } }。\[2\]通过以上两种方法之一，你可以成功修改Vue项目的端口号。 #### 引用[.reference_title] - *1* *2* [vue如何改修端口号](https://blog.csdn.net/weixin_44594219/article/details/126699517)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值