非常简单，只要加一个配置！
第1步，复制这个代码（端口可改）
"config": {
"nuxt": {
"host": "0.0.0.0",
"port": "8090"
}
},
第2步，找到根目录下的package.json，把代码粘贴进去。
这是全部的代码，我这里配置在了8~13行。
{
"name": "guanWangPhone",
"version": "1.0.0",
"description": "My bee's knees Nuxt.js project",
"author": "kason",
"private": true,
"
在开发和部署Web应用时，有时我们需要自定义服务器的监听IP和端口，以便于调试、测试或特定环境的需求。Nuxt.js，一个基于Vue.js的服务器渲染框架，提供了这样的配置选项。本篇文章将详细解释如何通过指定IP和端口访问Nuxt.js应用。
我们来理解`host`和`port`这两个配置项。`host`是用来指定服务器监听的IP地址，而`port`则是服务器监听的端口号。在Nuxt.js项目中，这些配置通常在`nuxt.config.js`文件中进行设置。然而，在提供的信息中，我们看到这些配置被添加到了`package.json`文件中，这可能是项目特定的需求或者开发者的一种简化操作方式。
在Nuxt.js项目中，为了使应用监听特定的IP（例如，`0.0.0.0`）和端口（例如，`8090`），可以按照以下步骤操作：
1. **配置`host`和`port`**：
- 在`package.json`文件中添加一个新的键值对`config.nuxt`，如下所示：
```json
"config": {
"nuxt": {
"host": "0.0.0.0",
"port": "8090"
}
},
```
- `host`设置为`0.0.0.0`表示服务器将在所有可用网络接口上监听，允许从外部网络访问。
- `port`设置为`8090`意味着应用将在8090端口上启动。
2. **启动应用**：
- 保存`package.json`文件后，你可以通过运行`npm run dev`命令启动Nuxt.js开发服务器。这个命令将会使用你在`config.nuxt`中指定的`host`和`port`。
请注意，虽然这种做法是可行的，但通常推荐在`nuxt.config.js`文件中进行这些配置，因为这是Nuxt.js官方推荐的配置方式。在`nuxt.config.js`中，你可以这样写：
```javascript
export default {
// Other configurations...
server: {
host: '0.0.0.0',
port: 8090,
},
};
```
这样做的好处是，配置更清晰，与Nuxt.js的其他配置放在一起，易于管理和理解。
在实际开发环境中，你可能需要根据实际情况选择不同的IP。例如，如果只希望在本地开发机器上运行应用，可以将`host`设置为`localhost`或`127.0.0.1`。而在生产环境中，你可能会将`host`设置为服务器的公网IP地址，以便对外提供服务。
此外，`package.json`中的`scripts`字段包含了项目的脚本命令，例如`dev`、`build`、`start`和`generate`。这些命令分别对应于开发模式启动、构建、生产模式启动和静态生成功能。在`dev`脚本中使用了`cross-env`和`nodemon`来管理环境变量和监控文件变化自动重启服务器，这对于开发过程中提高效率是非常有用的。
总结一下，通过在`package.json`中配置`host`和`port`，或者在`nuxt.config.js`中设置，你可以自定义Nuxt.js应用的监听IP和端口。这有助于适应各种开发和部署场景，确保应用按预期运行。同时，了解`package.json`中的脚本命令和它们的作用，也有助于更好地理解和管理Nuxt.js项目。
