nuxt3打包部署到本地phpstudy测试流程

公司需要做seo网站，所以采用nuxt.js框架，记录一下在本地测试部署

1.配置不同环境的打包命令，根据不同命令获取不同环境变量。运行命令我这儿是npm run build:test,打个测试包

2.打包完成后会生成一个.output文件夹

3.打开phpstudy新建一个网站

4.打开站点资源目录，并把先前打包的.output文件夹放进去

5.我这里使用了pm2,按照官网的代码先创建ecosystem.config.js;然后把它放在资源目录下和.output平级

在该目录下打开终端输入pm2 start ecosystem.config.js

这里可以看到online就是启动成功，

ecosystem.config.js文件里设置的端口号是多少预览时就是多少我这里是3004

浏览器输入localhost:3004就可以预览了

此时相当于是在windows上启动的，我们需要代理到本地的nginx上。需要配置nginx文件

如果遇到这个错，需要删除这个文件里的内容

重启一下nginx就可以本地通过域名访问拉！