分享一个部署nuxt3项目的经验:
背景是:我在vercel部署nuxt项目后,经常出现页面崩溃,提示This Serverless Function has crashed.,但是页面刷新就好了。经过多次尝试,解决效果都不好,因此放弃vercel,自己独立部署。
报错截图:截图1;
以下是独立部署的步骤:(cloudfare+nginx+npm)
1.nuxt项目打包,执行npm run build,会生成一个.output文件夹
2.将这个文件夹压缩,拷贝到linux服务器
3.linux服务器安装npm(具体安装步骤不赘述)
4.后台启动项目(避免终端退出后进程停止):nohup node .output/server/index.mjs &
5.配置nginx,添加域名配置,以xxx.com为例, 在nginx.conf添加如下配置:
server {
listen 80;
server_name xxx.com;
location / {
proxy_pass http://localhost:3000;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
}
}
6.cloudfare配置:
路径:截图2:
配置参考截图:截图3
7.重定向检测:
地址:
httpstatus.io添加截图:截图4
资料参考:
web.okjike.com