最近做了一个公司的官网项目,需要做服务端部署,延续了之前用的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部署服务器的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/hd-yjs/4484.html