Nuxt3配置局域网访问

这样配置的好处是，处于开发环境时，同一个局域网的其他伙伴可以通过IP地址+端口号访问nuxt项目，方便其他人预览项目效果和进度。

nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
const isDev = process.env.NODE_ENV === 'development'
export default defineNuxtConfig({compatibilityDate: "2024-04-03",devServer: {host: '0.0.0.0',port: 3000},devtools: { enabled: true },ssr: true,runtimeConfig: {public: {apiBase: "/api",isDev,},},css: ['~/assets/css/main.css'],app: {// pageTransition: { name: "page", mode: "out-in" },layoutTransition: { name: 'layout', mode: 'out-in' }}
});

这样别人就可以通过你的ip地址+端口号访问nuxt项目了。eg：192.168.789.1:300

同样的道理，在同一个局域网下，移动端浏览器输入192.168.789.1:300，也可以预览nuxt项目效果。
赶紧试试吧~~~