Centos宝塔上面如何部署Nuxt服务端渲染项目

Posted 叮当Ding

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Centos宝塔上面如何部署Nuxt服务端渲染项目相关的知识,希望对你有一定的参考价值。

服务器必装

        Nodejs

        PM2

        MongoDB(因为我这个项目用的MongoDB)

        Redis(我这里用到了)

广告:(推荐几个服务器厂商,进去购买有优惠)
阿里云https://www.aliyun.com/activity/daily/fy22sepmain?userCode=layypnp8腾讯云https://curl.qcloud.com/CrBmXe58

项目上传

这里先看一下我Nuxt目录结构

简单介绍一下目录结构

  1. .nuxt  nuxt自动生成目录
  2. assets 静态资源目录
  3. layouts 默认模板目录
  4. middleware 中间件目录
  5. node_modules nodejs依赖目录
  6. pages 页面目录
  7. plugins 插件目录
  8. server 服务端代码目录
  9. static 静态目录
  10. store  vuex状态管理目录
  11. .editorconfig 编辑器配置文件
  12. .gitignore 不上传到git仓库的文件
  13. config.example.js 本地配置文件(上传到Git)
  14. config.js 本地配置文件(不上传到Git,主要配置数据库,签名等全局配置)
  15. ecosystem.config.js pm2配置文件
  16. nuxt.config.js nuxt配置文件
  17. package-lock.json 锁定依赖版本号文件
  18. package.json  依赖文件

接下来把除了 node_modules 目录以外的目录统统上传到宝塔的【文件】内

 然后点击【终端】,会进入Linux该项目下的终端

 执行 npm install 安装依赖,才有了我上面的 node_modules 目录

 PM2部署

首先打开【PM2管理器】,没有的话自行去软件商店安装

 点击【添加项目】,启动文件选择【项目根目录下的 ecosystem.config.js】

 选择完了之后会自动加入到PM2项目列表并启动

Nginx反向代理

打开【网站】,选择【添加站点】

 输入【域名】,选择你的【项目目录】

 选择完成,这里就会有你的项目

 点击设置,选择【反向代理】,点击【添加反向代理】,输入【代理名称】和【目标URL】,点击【提交】

 域名解析

我的是阿里云域名,登陆【阿里云】,找到【域名列表】,选择【解析】

 选择【添加记录】

 主机记录填写你的【域名前缀】,记录值填写你的【服务器公网IP】,选择【确认】,即可在客户端访问你的nuxt 项目

 


 广告:(提供学习机会)

        前端交流学习群:1063233592

       PHP学习交流群:901759097

       前后端学习交流微信群:加我微信,填写验证消息(前后端),拉你进群

 

以上是关于Centos宝塔上面如何部署Nuxt服务端渲染项目的主要内容,如果未能解决你的问题,请参考以下文章

宝塔部署Nodejs定时任务

宝塔部署Nodejs定时任务

nuxt项目服务端渲染应用部署及使用pm2守护进程

Nuxt.js服务端渲染实践,从开发到部署

打包微服务前后端分离项目并部署到服务器 --- 分布式 Spring Cloud + 页面渲染 Nuxt.js

打包微服务前后端分离项目并部署到服务器 --- 分布式 Spring Cloud + 页面渲染 Nuxt.js