Nuxt启动只能通过localhost/访问，ip访问不到:问题解决

最新推荐文章于 2024-11-27 08:53:04 发布
最新推荐文章于 2024-11-27 08:53:04 发布
阅读量2.2k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
文章标签： tcp/ip javascript 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_45966674/article/details/130140628

正常情况运行起一个Nuxt启动会输出本机地址和端口
在这里插入图片描述
可能你自己本机调试看不出问题 但当你要和同事联调 别人要用ip在局域网看你东西 或者你部署上线的时候 就会发现 完了 ip访问不了
其实也很简单找到项目根目录下的 package.json
找到config 没有就自己写一个 参考代码如下

"config": {
 "nuxt": {
    "host": "0.0.0.0",
    "port": "3000"
  }
}

在这里插入图片描述
这样项目启动后就可以通过ip进行访问了

[亲测]完美解决Linux+Nginx+pm2正常启动运行 IP+端口访问不到Nuxt项目
"✧treasure mountain✧"
05-26 6024
问题描述： 在用pm2部署Nuxt项目的时候出了个奇怪的问题 在本地测试的时候是完全正常的 然而部署到服务器上就出错 pm2明明正常启动了 且日志里没有任何异常 干干净净的 而且我已经用Nginx反向代理到了Nuxt默认的3000端口 照理来说是能正常访问的 然而页面上明晃晃的502 Bad Gateway还是刺瞎了我的双眼???? 为了解决该问题 我甚至还重装了服务器两次…浪费了不少时间 今天研究了整整半天 终于找到了解决方法 原因： Nuxt在启动时 有默认的IP和端口 且默认的IP是localhost
Nuxt3用nginx部署到二级目录
持续学习中
04-21 2961
有的时候我们需要把我们写的Nuxt3项目部署到域名的二级目录，例如：https://abc.xx.com/abc/目录下。主要就是用nginx进行配置代理转发来实现的，这样可以实现我们同一个域名下可以部署多个Nuxt3独立的项目，只不过端口不同。此时你访问：https://abc.xx.com/calculator3/，就会访问到我们部署到9060端口的Nuxt3项目了。打开浏览器，输入：http://localhost:80 出现以下页面即为启动成功。其中html目录用于部署放置我们的项目。
Nuxt启动服务只能localhost:3000访问，不能通过本地ip访问
Knight
02-16 500
Nuxt启动服务只能localhost:3000访问，不能通过本地ip访问
VUE_nuxt启动只能通过localhost访问，ip访问不到:问题解决
小歪博客
03-08 1020
VUE_Nuxt启动只能通过localhost访问，ip访问不到:问题解决
在服务器部署nuxt.js项目时使用ip和端口无法访问的解决办法
pandafucker的博客
07-29 248
解决在服务器部署nuxt.js项目时使用ip和端口无法访问
nuxt部署在Linux下，ip+端口无法访问到
qq_41210698的博客
10-12 1616
使用的是阿里的centOS7系统，没使用nginx进行反向代理，事实上我代理了也不能访问成功，因为部署了安全证书监听了80端口，然后443端口对应的服务配置下可以反向代理成功，其它方式都不行。解决方法竟然是要在nuxt项目下的package.json添加如下配置就可以了 "config": { "nuxt": { "host": "0.0.0.0", "post":...
nuxt3 设置 ip 端口号，局域网访问
weixin_55479342的博客
03-06 2516
nuxt3 启动的项目，不进行配置的情况下，只能通过 localhost 进行访问，同局域网想要访问同事的页面会报错（本机通过 ip 访问也访问不了），百度说是 nuxt 需要配置 ip 才可以进行访问。发现根目录的 nuxt.config.ts 可以设置 devServer ，devServer 对象里可以配置 host 、https 、loadingTemplate（加载页面）、port 及 url。只需在 nuxt.config.ts 配置文件中加入相关代码即可通过 ip 进行访问。
Nuxt用localhost可以访问用IP不能访问
九段刀客的博客
02-13 1783
server下的index.js把 最后的 consola.ready({ message: `Server listening on http://${host}:${port}`, badge: true }) 改成 consola.ready({ message: `Server listening on http://localhost:${port}`, ...
nuxt配置通过指定IP和端口访问的实现
10-15
标题提到的“nuxt 配置通过指定 IP 和端口访问的实现”正是关于如何在 Nuxt.js 项目中进行这些设置的教程。 首先，让我们深入了解一下 Nuxt.js 的基本架构。Nuxt.js 提供了一种开箱即用的结构，包括自动处理路由、...
解决Nuxt使用axios跨域问题
10-15
然而，在开发过程中，由于浏览器的安全策略，不同源之间的请求会受到同源策略的限制，从而引发跨域问题。本篇文章将详细讲解如何在Nuxt.js项目中使用axios解决跨域问题。 首先，我们需要理解什么是跨域。跨域是指一...
Network:use `--host` to expose
卑微牛马学习笔记
01-23 7626
vite创建项目 Network:use `--host` to expose
Nuxt3配置本机IP 和 端口（配置）访问页面
qq_44776454的博客
11-01 2810
Nuxt3配置本地IP访问启动的项目页面
nuxt3 npm run dev 别人无法访问本地连接
lmn_storyteller的博客
07-01 537
在配置文件（nuxt.config.ts）中配置本地访问连接。复制之后， 要在同一个网络中才能访问哦。这种只能本地 localhost访问。
nuxt.js启动服务只能localhost:3000访问，不能通过本地ip访问
WaterSprite_ct的博客
07-04 6190
需要在package.json的配置文件中配置 "config": { "nuxt": { "host": "0.0.0.0", "port": 3000 } }
linux nuxt部署，实现ip访问 nuxt 服务
u010227042的博客
02-14 399
port: 8000,//端口。
Nuxt启动时不能通过IP访问，只能通过localhost访问的解决办法
Web开发者
11-27 344
在启动项目时提示nodejs已关闭XX访问，选择开启。
让Nuxt服务用ip访问的解决方案
前端攻坚战
07-28 3372
让Nuxt服务用ip访问的解决方案如何解决？ 如何解决？ 如果你想用ip来访问nuxt建立的本地服务，可以在 package.json 添加以下代码： ... "config": { "nuxt": { "host": "0.0.0.0", "port": 3000 } }, ... ...
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等等是浏览
【工作】-其他人访问本地项目
weixin_46254175的博客
05-04 613
同个前端模块并行多个需求同节点进行联调时、介入测试阶段前端测试环境只有一套时。因前端环境冲突问题，导致大量堆积。5.其他电脑访问localhost.kgtest.cn，成功访问到前端本地所启动的项目以及对应打到的环境中。可以先在对方电脑上，ping一下自己的ip地址，看是否能通过。3.本地和对方配置Host，这里推荐SwitchHosts，比较方便。1.涉及到登录态相关解决办法：（需前端和需要访问的同学配合）1.配置VUE启动服务的Host。针对可以本地拿到登录态的项目。
某个部署在Springboot项目中的静态资源Vue3前端项目,目前访问该前端项目的方法为ip+端口,访问该地址之后直接跳转至/login页面,进行登录,但是如果直接访问ip+端口+/login却访问不到,如何解决,使用的是内嵌的tomcat
最新发布
12-04
在Spring Boot项目中内嵌Tomcat并配置Vue3前端项目，如果你想要通过`ip+端口`直接访问`/login`页面，但访问`ip+端口+/login`时无法进入，可能需要做以下几个步骤调整： 1. **Web应用路径映射**： - 配置Spring Boot的`spring.mvc.static-path-pattern`属性，将静态资源的路径前缀设置成`/`，例如： ```yaml server: servlet: context-path: / # 将默认的"/"替换为你希望的路径，如"/myapp" static-path-pattern: /** ``` - 这样所有的静态资源（包括Vue项目的文件）都会在访问`ip+端口号/myapp`时被提供。 2. **Vue路由处理**： - 在你的Vue项目中，确保`/login`是前端的一个路由，而不是直接作为服务器端点。在`router.js`或其他入口文件中，配置登录页面的路径为`/login`，而不是`/myapp/login`。 3. **跨域请求**： - 如果你在本地运行时遇到跨域问题，可以在Spring Boot的`application.properties`或`application.yml`中添加允许所有来源的CORS配置： ```properties spring.security.cors.enabled=true spring.security.cors.allowed-origin=* # 允许所有源，如果需要特定源，则改为allowed-origin: ["http://localhost:8080"] ``` 4. **Vue服务端渲染(SSR)**： - 如果你的SPA应用需要预加载状态或者SEO优化，你可以考虑引入SSR功能。Spring Boot可以配合Nuxt.js或Vite这样的工具，让Vue在服务器上渲染初始HTML。 相关问题： 1. 如何在Vue路由中指定基于域名的访问规则？ 2. 如果前端已经设置了路由，还需要配置哪些方面才能实现`ip+端口`直接访问`/login`? 3. 如何确保非登录用户尝试访问其他页面时被重定向到`/login`?
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值