当前位置:网站首页 > 云计算与后端部署 > 正文

nuxtjs服务端部署流程_nuxt部署服务器

最近做了一个公司的官网项目,需要做服务端部署,延续了之前用的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版本,如果项目不同的话可能需要做相应更改。 联系:@.com

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

到此这篇nuxtjs服务端部署流程_nuxt部署服务器的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • PaddleOCR-API服务端部署-windows版本_paddleocr部署使用教程2024-10-30 15:18:08
  • Cas服务端部署(打包)_cas 部署2024-10-30 15:18:08
  • SVN的服务端部署&客户端使用,这一篇就够了~_svn 服务端2024-10-30 15:18:08
  • Nuxt的服务端部署_nuxt服务端部署proxy配置2024-10-30 15:18:08
  • gin web服务端部署_go web 服务器2024-10-30 15:18:08
  • 服务端部署PyTorch模型-方法(二):NVIDIA‘s Triton_服务器配置pytorch环境2024-10-30 15:18:08
  • 原神私人服务器部署教程(Win)_原神pc服务器2024-10-30 15:18:08
  • CAS 服务端部署_cas-server2024-10-30 15:18:08
  • 消息队列详解2024-10-30 15:18:08
  • SVN(subversion )服务端和客户端的下载安装使用2024-10-30 15:18:08
  • 全屏图片