nuxtjs服务端部署流程

时间:2021-01-27 13:43:28   收藏:0   阅读:0

最近做了一个公司的官网项目,需要做服务端部署,延续了之前用的nuxt框架,但是又需要调用接口,所以不能像之前那样通过

  1.  
    npm generate
  2.  
    复制代码

生成静态文件来部署,搞了半天才搞好,废话不多说,下面看流程。

#前提:服务器是linux系统。

#准备:需要在服务器上安装 node,pm2,做法请自己百度。

一 打包本地文件

通过

  1.  
    npm run build
  2.  
    复制代码

来打包项目,会生成一系列的文件。

二 上传文件

部署到服务器上只需要4个文件

  1.  
    .nuxt, static, nuxt.config.js, package.json
  2.  
    复制代码

将这四个文件放到服务器上自己所建立的文件夹中,然后

  1.  
    npm install
  2.  
    复制代码

安装依赖 然后

  1.  
    npm start
  2.  
    复制代码

三 nginx代理

接着需要用nginx进行反向代理,下面是我的配置

 proxy_pass后面跟的就是在开发中配置的本地域名和端口号,其他的如果有需要也可以自行配置。

 

四 启用pm2

然后在项目目录中启用pm2

  1.  
    pm2 start npm --name "demo" -- run start
  2.  
    复制代码

不过这个命令可能会启用不成功,原因不知,反正我是没有成功,如果不成功的话执行下面这个

  1.  
    pm2 start ./node_modules/nuxt/bin/nuxt-start
  2.  
    复制代码

如果还不成功的话请移步至 解决方案

至此就可以在nginx 中 server_name 配置的域名进行访问了。

五 项目更新

如果项目更新的话 需要重新打包-》上传文件-》重启pm2

重启pm2命令

  1.  
    pm2 restart demo
  2.  
    复制代码

如果不成功的话需要停止pm2,然后删除相关进程,再启动pm2,相关命令可以移步 pm2命令

以上自己项目的发布流程 nuxt是1.0版本,如果项目不同的话可能需要做相应更改。 联系:1622991435@qq.com

转载于:https://juejin.im/post/5c905e146fb9a071105dcf7d

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!