nuxt项目部署(Linux)

1. 环境配置

(1)nginx和代码中配置好域名和端口(服务端配置)
(2)服务器安装node,npm,pm2
 具体参照https://blog.csdn.net/fyshining/article/details/107316024

2. nuxt部署
方式一: 本地打包后部署
(1)本地运行 npm run build 打包,然后把 .nuxtstaticnuxt.config.jspackage.json上传到服务器
(2)服务器到项目目录,执行 npm install 安装依赖

  注意:
   可能一:若出现如下图报错

    

   以上是因为服务器配置的python版本问题,若版本为3.x,卸载后安装2.7版本即可;

    可能二:若项目中使用node-sass,安装过程中可能会报错
    如果涉及权限(如下图)

    
    可执行 npm -g config set user root 赋予npm权限后再执行 npm install,具体参 照 https://blog.csdn.net/hanwuqia0370/article/details/90044709
    如果出现其他问题,可运行 npm install node-sass --unsafe-perm --save-dev来单独安装这个模块即可

(3)执行npm run start查看能否启动项目服务;若ok,再使用 pm2 执行相关进程
  注:在这里,遇到了服务启动报错的情况,多次尝试无果(如下图)
  
  暂不知具体原因,目前怀疑是本地webpack与服务器不一致导致,遂放弃该方式,使用方式二部署成功;

方式二: 服务器打包部署
(1)如果vue-cli没有安装,执行 npm install -g vue-cli 安装vue-cli;
(2)到项目目录下,执行 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装淘宝景象, 因为在国内用npm 安装会比较慢, 所有我们使用淘宝镜像安装 也就是cnpm (可选择使用,不强求),然后执行 ln -s /usr/local/node8.9.1/bin/cnpm /usr/local/bin/cnpm 建立cnpm软链供全局使用;
(3)将所有nuxt相关项目文件传至服务器相关目录(源文件,不包括.nuxt,node_modules);
(4)执行npm install 或 cnpm instaill 安装依赖,安装过程中出现的问题参照方式一中的处理方式;
(5)依赖安装完成后,因为nuxt未全局配置,找到该项目nuxt位置(以 ./node_modules/.bin/nuxt为例, 具体可通过全局查找命令查找该项目对应nuxt位置- find / -name "nuxt" ),直接执行 ./node_modules/.bin/nuxt build 启动服务;
  
(6)启动成功,再使用 pm2 执行相关进程;

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值