nuxtjs服务端部署流程
2021-03-02 17:27
阅读:655
最近做了一个公司的官网项目,需要做服务端部署,延续了之前用的nuxt框架,但是又需要调用接口,所以不能像之前那样通过
-
npm generate
-
复制代码
生成静态文件来部署,搞了半天才搞好,废话不多说,下面看流程。
#前提:服务器是linux系统。
#准备:需要在服务器上安装 node,pm2,做法请自己百度。
一 打包本地文件
通过
-
npm run build
-
复制代码
来打包项目,会生成一系列的文件。
二 上传文件
部署到服务器上只需要4个文件
-
.nuxt, static, nuxt.config.js, package.json
-
复制代码
将这四个文件放到服务器上自己所建立的文件夹中,然后
-
npm install
-
复制代码
安装依赖 然后
-
npm start
-
复制代码
三 nginx代理
接着需要用nginx进行反向代理,下面是我的配置
proxy_pass后面跟的就是在开发中配置的本地域名和端口号,其他的如果有需要也可以自行配置。
四 启用pm2
然后在项目目录中启用pm2
-
pm2 start npm --name "demo" -- run start
-
复制代码
不过这个命令可能会启用不成功,原因不知,反正我是没有成功,如果不成功的话执行下面这个
-
pm2 start ./node_modules/nuxt/bin/nuxt-start
-
复制代码
如果还不成功的话请移步至 解决方案。
至此就可以在nginx 中 server_name 配置的域名进行访问了。
五 项目更新
如果项目更新的话 需要重新打包-》上传文件-》重启pm2
重启pm2命令
-
pm2 restart demo
-
复制代码
如果不成功的话需要停止pm2,然后删除相关进程,再启动pm2,相关命令可以移步 pm2命令
以上自己项目的发布流程 nuxt是1.0版本,如果项目不同的话可能需要做相应更改。 联系:1622991435@qq.com
评论
亲,登录后才可以留言!