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ㄒ)/~~)