nuxtjs服务端部署流程

最近做了一个公司的官网项目，需要做服务端部署，延续了之前用的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