Nuxt3默认的端口号3000.如果我们在一台服务器中部署多个Nuxt应用,都是3000端口必然会冲突,所以需要修改默认的端口号。在官网文档中,介绍的端口号修改方式是修改env环境变量。这个方式在Vercel或者一些serverless环境非常方便,在自己的服务器中,不可能设置多个PORT变量,所以有点鸡肋。
下面介绍一下在自己的服务器上如何修改Nuxt3默认端口
第一步:在nuxt应用的.env
文件中,新增以下变量:
PORT=3001 //NITRO_PORT=3001
有的应用没有.env文件,可以自己创建一个。PORT变量和NITRO_PORT变量是等价的,设置一个即可。
首先声明,我们这里介绍的是服务器渲染模式。如果是SPA或者SSG模式,纯静态文件,不需要端口号。
通过npm run build
命令打包后,在.output
文件夹,可以看到如下文件结构:
打开上面的server文件夹,找到.output/server/chunks/nitro/node-server.mjs文件,实在找不到的可以全局搜索 const port = destr(process.env.NITRO_PORT || process.env.PORT) || 3e3;
上面的代码中,3e3就是3000,改成你想自定义的端口号,比如3001即可。
标签:nuxt3,server,3001,端口号,env,服务器,PORT,打包 From: https://www.cnblogs.com/li-sir/p/18630565