配置 Nuxt.js 服务器，以便在移动设备上查看您的网站。

有时候，您可能需要在实际的移动设备或平板电脑上测试网站，而不仅仅是在开发者工具中测试。这对于修复错误或查看网站在真实环境中的显示效果非常有用。

默认情况下，Nuxt.js 开发服务器主机是 localhost，只能从主机内部访问，这意味着您无法在手机上打开 localhost。

不过，您可以在 nuxt.confg.js 文件中修改服务器配置。

export default {
  server: {
    host: '0' // default: localhost
  }
}

通过赋予字符串值“0”（即“0.0.0.0”的缩写），Nuxt.js 将为您提供您的本地 IP 地址。

现在，您无需输入 localhost 来查看您的应用程序，而是输入您的本地 IP 地址。在本例中，我的 IP 地址是http://192.168.0.199:3000/

现在您可以使用手机或平板电脑，通过该链接打开您的网站。

默认端口为 3000。如果您想更改端口，也可以使用端口属性进行更改。

export default {
  server: {
    port: 8000, // default: 3000
  }
}

如果该端口已被占用，Nuxt.js 将为您提供一个随机端口。

虽然你可以在 nuxt.config.js 文件中修改此设置，但不建议这样做，因为这可能会导致网站托管出现问题。更好的做法是直接在开发命令中修改主机配置。

HOST=0 npm run dev

或者你想要的端口

PORT=8000 npm run dev

或两者兼有

HOST=0 PORT=8000 npm run dev

你甚至可以在 package.json 文件中设置脚本命令。在这个例子中，我将其命名为 dev:host，但你可以随意命名。你可以添加你一直想使用的主机名，或者添加 '0' 来获取一个随机主机名。

"scripts": {
  "dev:host": "nuxt --hostname '192.168.0.199' --port 8000"
}

这意味着，当您想要更改服务器时，只需运行一个命令；而当您想要在本地主机上运行时，只需运行常规的开发命令。

npm run dev:host

虽然您现在可以在手机上查看您的网站，但您无法与局域网以外的任何人共享此端口。这意味着，如果您远程办公，并希望与不在同一 Wi-Fi 连接上的人共享您的工作进度，则此方法行不通。

不妨尝试一下，在开发过程中，在真实的移动设备上测试您的移动用户体验。

更多信息请参阅 Nuxt 文档。