Nuxt.js项目多种设置ip访问方式

Nuxt.js项目多种设置ip访问方式
开发的时候,Nuxt.js默认情况下只能本机访问,即localhost:3000或者127.0.0.1:3000,为了更好的预览效果,我想在其它机器上实现预览,于是就涉及到跨机器访问,就得通过IP或者机器名。如何实现呢?下面是Nuxt.js多机器访问的多种设置方法

方法1、直接在nuxt命令后边指定主机和端口号

nuxt --hostname myhost --port 3333

方法2、在nuxt.config.js文件中设置

export default {
  server: {
    port: 8000, // default: 3000
    host: '0.0.0.0' // default: localhost
  }
  // other configs
}

方法3、也可以在package.json中的scripts域中设置

"scripts": {
  "dev": "nuxt --hostname myhost --port 3333"
}

或者使用NUXT_HOST和NUXT_PORT环境变量
"scripts": {
  "dev": "NUXT_HOST=0.0.0.0 NUXT_PORT=3333 nuxt"
}

或者直接使用HOST和PORT变量
"scripts": {
  "dev": "HOST=0.0.0.0 PORT=3333 nuxt"
}

方法4、在package.json中的config域中设置

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

the end

热门文章