Nuxtjs项目部署(含部署到CDN)

题外话

首先说一点题外话,之前大概5月份的时候我做过一次简单的项目部署。但是过了两个多月我忘完了,一点关于此的记忆都没有了。Google了大半天,结果都是关于直接部署到服务器的,很少有讲到部署到CDN的,虽然官方也说明了,但是在没弄好之前我实在是不理解官方的那种简单的说明。

服务端环境

node.js安装

下载

首先服务器先安装node,我是直接去官网下载Linux版的安装包,然后再FTP到我的服务器。

解压

tar -xvf 你的文件名

然后进入解压目录下面的bin目录,不出意外,会有三个文件,分别是: node, npm, npx。然后分别创建软连接(命令这里只列举node)

ln nodejs解压后的目录/bin/node /usr/local/bin

执行完过后,可以通过下列命令检查

node -v

npm也按上诉步骤执行

安装cnpm和注册淘宝镜像

这类似本地配置一样

npm install cnpm -g  --registry=https://registry.npm.taobao.org

安装pm2

为了方便管理node项目,所以选择安装这个工具,似乎也可以通过其他方式管理,后序再去了解了。

nginx安装

至此,服务器端的环境就搭建好了

nuxtjs项目打包

执行npm run build
然后在服务器上创建一个文件夹,名字随意,不过一般就叫项目名
然后上传本地打包后的:
.nxutjs
server
static
nuxt.config.js
package.json
这几个文件夹到新建的那个目录
然后运行:(注意命令中的空格)

pm2 start npm --name "随意取一个名字" -- run start

可以参看一下常用的pm2命令

CDN部署

在nuxt.config.js中配置

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值