nuxt3 设置 ip 端口号,局域网访问

nuxt3 启动的项目,不进行配置的情况下,只能通过 localhost 进行访问,同局域网想要访问同事的页面会报错(本机通过 ip 访问也访问不了),百度说是 nuxt 需要配置 ip 才可以进行访问

很多博客 nuxt 修改端口号都是在 package.json 中加 config 

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

但是可能是个人用的 nuxt3 ,上面配置并没有用。

查了下官网 官网地址

发现根目录的 nuxt.config.ts 可以设置 devServer ,devServer 对象里可以配置 host 、https 、loadingTemplate(加载页面)、port 及 url

只需在 nuxt.config.ts 配置文件中加入相关代码即可通过 ip 进行访问

export default defineNuxtConfig({
  ......
  devServer: {
    host: '0.0.0.0',
    port: 3000
  }
})

(吐槽:自定义标签为啥还有等级限制 /(ㄒoㄒ)/~~)

  • 10
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值