vue项目默认端口号

最新推荐文章于 2024-05-09 15:55:53 发布
最新推荐文章于 2024-05-09 15:55:53 发布
阅读量1.9k 收藏 10
点赞数 10
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55477902/article/details/135670058
版权

本地启动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
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
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更改调试地址端口号的实例
10-18
但当我们需要同时运行多个Vue项目或有其他服务占用相同端口时，就需要修改这个端口号。 首先，我们查看项目根目录下的`package.json`文件，这是项目的主要配置文件。在`scripts`部分，可以看到`dev`和`start`命令...
vue修改vue项目运行端口号的方法
12-10
一、导语 最近在研究，左侧是导航，右侧是显示对应的内容，左右可单独滚动，不互相影响，如何实现？ 萝卜蹲的游戏大家都玩过，白萝卜蹲，白萝卜蹲，白萝卜蹲完红萝卜蹲，可是若是在含有滚动条的页面的情况下，白萝卜是子元素，红萝卜是父元素，白萝卜蹲完不想让红萝卜蹲，怎么办？ js是直接用阻止默认事件e.preventDefault(); ，vue虽然也有阻止默认事件@scroll.prevent，但是并没有效果啊，怎么办啊？？有木有同学会啊？？？ 二、正文 记录下如何更改vue项目运行的端口号 使用webpack创建的vue项目，端口号默认是8080，可是不想用8080做项目的端口号怎么办？？ 1、找到项
Vue专题（三）vue项目启动端口更改
XueZePeng18729875380的博客
03-15 3988
1. Vue项目的默认端口是8080，不修改的情况下启动项目之后端口就是8080，若8080端口已经被占用了，端口号会进行递增。2. 在config文件夹下的index.js文件中可以进行配置。更改port的值，重新运行项目即可。
修改Vue2项目运行端口号配置后端代理
最新发布
qq_53154643的博客
05-09 574
【代码】修改Vue2项目运行端口号配置后端代理。
vue项目局域网前后端接口对接相关设置
lyxkgc的博客
03-20 2103
场景： 项目开发中，当前没有服务器，或感觉每次部署包麻烦的，可以本地调试。项目：vue + webpack 内网环境下。
vue 端口被占用 address already in use
J_mine的博客
08-13 366
开发过程中, 我们会固定的写一个端口号, 每当我们不小心启动多个终端的时候就会提示端口号被占用 具体报错信息如下: 解决措施 一 mac系统 1 打开电脑的终端 2 输入以下代码 sudo lsof -i:XXXX(端口号) 3 输入你的密码, 随后会出现以下内容 4 输入命令 su...
vue-cli3，设置端口号(81)无效
Zq
07-08 5289
用vue-cli3创建的项目端口号从8080开始，被占用依次加1，也就是说8080用不了用8081，8081用不了用8082以此类推 哈哈，因为要登陆，不喜欢输入，所以呢就会用浏览器记住密码的功能，端口号一变就郁闷了，还有浏览器记住地址的功能，有时候需要输入较长的链接，而我们公司的后端就是8080端口 到这里，只能说一个难受； 所以我必须设置一个固定的端口，嗯，81是我喜欢的，但是官方...
vue项目指定运行时占用的端口
weixin_45966674的博客
03-28 1480
正常情况下 我们启动vue项目 他会自动选择 http://localhost:8080/ 如果 8080被占用 他就会用 8081 然后再被占用就是8082 以此类推。这里 我们指定他运行在 82端口 当然 82被占用后 他也会去 83。我们可以在项目跟目录创建vue.config.js。vue.config.js参考代码如下。
vue项目的访问端口及其设置
easyJob
08-25 7478
一、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 7034
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项目运行的端口号
热门推荐
三分恶的博客
09-29 2万+
VUE项目默认端口是 8080 ,但是这个端口号用的太多了，所以端口号冲突了怎么办？那就得修改VUE项目的端口号，这里有两种方式。 配置文件修改端口号 打开 ==config\index.js == ，找到配置： port: 8080 可以看到端口是8080，修改成我们需要的即可： 这种方式会永久修改VUE项目启动端口号。 启动命令设置端口号 如果只是想临时修改VUE启动端口号，还有一种方式就是启动命令中设置端口号： 我们一般这么启动： npm run dev 加上参数： npm run de.
Vue修改项目启动端口号方法
10-16
在`dev`对象下，你可以找到`port`属性，这就是开发环境下的默认端口号。修改这个值即可更改启动端口号，例如： ```javascript dev: { ... port: 8090, // 修改这里的端口号，如8090 ... } ``` 保存以上...
详解VSCode配置启动Vue项目
10-17
本文将详细介绍如何在VSCode中配置启动Vue项目，以便高效地进行Vue应用的开发。 首先，确保你已经下载并安装了最新版本的VSCode。你可以通过搜索引擎搜索"VSCode最新版"来获取安装程序。安装完成后，按下`Ctrl + ...
Vue开发环境中修改端口号的实现方法
10-16
在Vue开发过程中，有时我们需要更改项目的默认端口号以避免冲突或适应特定的开发环境需求。Vue 2.x和Vue 3.x提供了不同的配置方式来修改端口号，下面将详细介绍这两种版本下的具体步骤。 1. **Vue 2.x** 在Vue 2.x...
webpack配置自定义端口80
zxxzxx23的博客
08-14 1万+
当使用vue启动项目时,  默认的监听端口是8080 在 webpack.config.js 文件 加上如下一段, 可以设置自定义监听端口 devServer: { inline:true, port: 80 },
vue-cli项目修改端口号
蒋劲豪的博客
06-28 455
【代码】vue-cli项目修改端口号。
Vue项目自定义host端口
meis27461的博客
12-25 9441
默认vue的项目是8080端口，可以在vue.config.js中配置，如果没有就在项目根目录创建一个 还有很多其他选项，具体可以看webpack的文档，这里省略一下 vue.config.js module.exports = { devServer: { host: "free.iule.net", //指定要使用的 host port: 80, //指定端口号以侦听 hotOnly: false, //启用热模块替换，而无需页面刷新作为
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、付费专栏及课程。

余额充值