Nuxt - 修改 Listening on: http://localhost:3000/ 本地服务 IP 域名地址（自定义服务器访问主机和端口）

已于 2025-01-19 15:40:28 修改
阅读量3.9k 收藏 3
点赞数 5
CC 4.0 BY-SA版权
分类专栏： + Vue + Vue3 文章标签： http tcp/ip vue.js javascript nuxt.js
于 2022-07-08 09:42:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44198965/article/details/125671940
+ Vue3 同时被 3 个专栏收录
254 篇文章 ¥9.90 ¥99.00
订阅专栏
+ Vue
250 篇文章 ¥9.90 ¥99.00
订阅专栏
+ Nuxt
42 篇文章 ¥9.90 ¥99.00
订阅专栏
本文介绍了在Nuxt2/Nuxt3项目中，如何将本地服务的默认IP地址localhost:3000更改为自定义IP，以便在局域网内分享给其他用户。通过修改配置文件中的服务器主机和端口设置，然后重启项目即可实现。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前言

首次创建的 Nuxt.js 项目，默认本地服务 IP 域名地址为 localhost:3000。

在 nuxt2 / nuxt3 网站网页开发中，修改 npm run 跑出来的 ip 地址，将默认本地服务IP localhost改为自定义ip地址！

但有时候我们需要分享给其他局域网的小伙伴，如下图所示这样是不行的。

在这里插入图片描述

解决方案

按如下教程和示例代码，轻松搞定。

了解本专栏 订阅专栏 解锁全文
Nuxt3用nginx部署到二级目录
持续学习中
04-21 2961
有的时候我们需要把我们写的Nuxt3项目部署到域名的二级目录，例如：https://abc.xx.com/abc/目录下。主要就是用nginx进行配置代理转发来实现的，这样可以实现我们同一个域名下可以部署多个Nuxt3独立的项目，只不过端口不同。此时你访问：https://abc.xx.com/calculator3/，就会访问到我们部署到9060端口的Nuxt3项目了。打开浏览器，输入：http://localhost:80 出现以下页面即为启动成功。其中html目录用于部署放置我们的项目。
在线教育网站项目第四步：deepseek骗我， WSL2不能创建两个独立的Ubuntu，但我们能实现实例互访及外部访问
浪淘沙jkp的专栏
03-19 1199
上一章折腾了半天，搞出不少问题，今天我们在deepseek的帮助下，完成多个独立ubuntu24.04实例的安装，并完成固定ip计划安装实例已经端口IP分配表3306;ssh:2221在线文件预览Kibana服务端口：9000控制台：9001;ssh:2225注册中心：8848控制台：9848;
localhost：3000 无法访问此网站localhost 拒绝了我们的连接请求。
qq_56949886的博客
10-12 3336
我犯了两个错 1.表达式写错了 2.没有重新在vscode终端使用node启动js文件
(vue.js)nuxt.js:IP端口/局域网配置
11-01
1、nuxt.js/vue.js安装与运行 2、Ip端口冲突解决 3、IP端口/局域网配置 4、运行[WebStorm]]的配置
Nuxt.js基础（配置）
最新发布
hongsegeming的博客
06-27 190
安装好了以后首先创建一个新的 Nuxt 项目。先进行安装，cmd用管理员模式。
nuxt项目修改本地运行的端口
my466879168的博客
05-14 2955
nuxt项目修改本地端口 nuxt项目的默认端口是localhost:3000，多个项目运行的时候一个端口就不够用了，更改端口只需要在package.json中修改即可 在package.json中添加如下代码： host0.0.0.0的含义 其中host0.0.0.0表示一个集合：所有不清楚的主机和目的网络。 网络中0.0.0.0的IP地址表示整个网络，即网络中的所有主机。 使用的时候只要将0.0.0.0换为自己的主机地址或者是localhost即可 端口号范围 端口号设置为6666.6667等等是浏览
http://localhost:3000/ Cannot GET /
yue200403的博客
10-09 5649
问题： 运行 npm run dev 出现下图情况： 解决方法： 1.重启电脑（重启后可以访问·，但过段时间又会出现该错误，不推荐） 2.把localhost换成127.0.0.1 3. 说明： 方法可能并不适用所有人，很多博客都说是路径的问题；反正我的项目是没有路径问题。 ...
vue3项目启动后访问http://localhost:3000/，发现页面不是vue3项目首页，都是serviceWorker惹的祸
ThisEqualThis的博客
10-08 2392
新建vue3项目，启动后访问http://localhost:3000/，发现页面不是vue3项目首页
nuxt服务端项目手动更改应用的主机和服务端口号
放羊的小孩
06-21 2772
先简单说下前提背景条件: 时间:2019年6月21日 node版本:v8.15.0 npm版本:6.9.0 nuxt版本:2.8.1 nuxt项目的搭建方式:官方提供的脚手架搭建的: npx create-nuxt-app nuxt 我使用create-nuxt-app脚手架搭建了一个nuxt的服务端渲染项目,这服务的默认的服务端口是3000.假如说我的服务器中启动了其他的服务...
http://localhost:3000/可以用其他方式打开吗
07-27
- *3* [Nuxt - 修改 Listening on: http://localhost:3000/ 本地服务 IP 域名地址（自定义服务器访问主机和端口）](https://blog.csdn.net/weixin_44198965/article/details/125671940)[target="_blank" data-report...
nuxt修改启动端口号3000
一位菜鸡的博客
07-18 1959
nuxt修改默认3000端口号的方式
Error: listen EADDRINUSE :::3000
不营养、的博客
11-15 1139
解释：端口已被占用 解决方法： 修改本服务要用的端口。如 3001 停止 3000 端口。 lsof -i:3000 # 查看 3000 端口被占用情况 kill -9 xxx PID 为上调命令查看的 3000 被占用时的 PID，如下图所示 bingo… 十年饮冰，难凉热血。 十年追梦，岂忘初心？ 一一 Mobro Zhu ...
Nuxt3配置本机IP 和 端口（配置）访问页面
qq_44776454的博客
11-01 2813
Nuxt3配置本地IP访问启动的项目页面
【当访问 `http://localhost:3000` 出现 404 The requested path could not be found 怎么解决？】
桃之夭夭的博客
04-02 1158
当访问 `http://localhost:3000` 出现 **404 "The requested path could not be found"** 时，通常是由于 **静态服务器未正确处理前端路由** 或 **构建结果路径配置错误**。
本地服务器localhost:3000一直连接不上
热门推荐
Toml_的博客
07-13 1万+
回到terminal，查看自己是否修改了.asdf/installs/ruby/2.6.9/lib/ruby/2.6.0/socket.rb 文件的内容。如果修改了把它恢复到最初的内容就行了，然后再使用命令bundle exec rails server启动服务器，然后在浏览器打开就可以了。如果问题继续存在,那么您的 Node/Python安装中可能有部分损坏。再次检查您的服务器代码是否 tatsächlich在端口3000上监听。如果您使用代理,请确定localhost:3000 会从代理中排除。
Nextjs框架，本地项目只有http://localhost:3000/，但是想用ip访问
white55kai1的博客
10-22 2000
win+R出现cmd界面， 输入ipconfig查看电脑ip。这样手机和其他人的电脑都可以访问你的本地项目地址了。
如何才能成功访问http://localhost:3000？
每日一更，用行动打倒迷茫这只小怪物！
01-12 1万+
跟着OpenAI官网的使用教程，做一个给宠物起名字的应用，跟着教程做完后，发现http://localhost:3000这个网站进不去。于是我便活学活用在playground中寻找解决这个问题的办法，本文便是我在playground对话框输入的问题和AI给出的答案
nuxt3项目修改端口号
yueguanyun的专栏
11-23 3123
方式一：使用环境变量配置,设置（PORT 或 NUXT_PORT）方式二：nuxt.config.ts里配置。方式三：运行项目时的命令设置端口号。nuxt的默认端口号是3000。一、修改开发环境端口号。
Nuxt-content-highlight：实现@nuxt/content文本高亮
标题“nuxt-content-highlight:@nuxtcontent的文本突出显示包装器”与描述“nuxt-content-highlight @nuxt/content文本高亮包装器”共同指向了一个Nuxt.js模块的介绍，该模块用于为Nuxt.js应用程序中的内容模块（@...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蔡来了

请作者喝杯咖啡 :)

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值