nuxt项目部署(Linux)
1. 环境配置(1)nginx和代码中配置好域名和端口(服务端配置)(2)服务器安装node,npm,pm2具体参照https://blog.csdn.net/fyshining/article/details/1073160242. nuxt部署方式一: 本地打包后部署(1)本地运行npm run build打包,然后把.nuxt、static、nuxt.config.js、package.js
1. 环境配置
(1)nginx和代码中配置好域名和端口(服务端配置)
(2)服务器安装node,npm,pm2
具体参照https://blog.csdn.net/fyshining/article/details/107316024
2. nuxt部署
方式一: 本地打包后部署
(1)本地运行 npm run build
打包,然后把 .nuxt
、static
、nuxt.config.js
、package.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 执行相关进程;
更多推荐
所有评论(0)