将NuxtJS项目服务端部署(基于宝塔面板)

  1. 开发完成的nuxt项目,使用
$ npm run build        // 打包应用

打包完成后的项目中会多出一个.nuxt 文件夹,如果你的电脑设置了文件夹选项不显示扩展名,你将无法看到这个文件夹。

2. 将文件夹中的上传到网站对应根目录

.nuxt
/static
/package.json
/nuxt.config.js

3. 在宝塔的软件管理中,找到pm2管理器安装,安装完成后才可以使用node命令,安装后在宝塔内置终端 或者 服务器的命令行中cd进入网站目录,执行 npm install,安装所需依赖。

4. 在网站目录下命令行执行
pm2 start npm --name ‘project-name’ -- start
其中project-name你自行修改,执行完成后再执行 pm2 save 即可开启进程驻守,此刻你已经成功了80%。

5. 查看你的package.json中,script下 start属性设置的端口号是多少,例如我的项目设置的为3000。

6. 进入宝塔的网站管理,点击你的网站名称(左边的),在弹出框里选择反向代理,添加反向代理,设置如下图所示,改为你自己的端口号。最后打开你的网站看看吧。

本文系作者 @ 原创发布在 。未经许可,禁止转载。

Like()
feacx
站长
26 Posts
0 Comments
11 Likes
Top