您现在的位置是：首页 > 前端开发 nuxt 项目完整部署方案

nuxt 项目完整部署方案

2020-05-20 【前端开发】 877人已围观 1131次浏览

简介nuxt 项目完整部署方案

首先是安装Node.js，安装教程

安装成功后，执行nuxt插件全局安装（全局安装方便在于一次安装，多个项目都可用。缺点是，如果多个项目所用的nuxt版本不同，则会出现冲突。）

npm install -g nuxt

安装nuxt到当前项目

npm install –save nuxt

全局安装成功后，需要建立软连接

ls -s /opt/node-v8.11.3-linux-x64/lib/node_modules/nuxt/bin/nuxt /usr/local/bin/

执行成功后，验证安装

nuxt -v

如果正确输出版本号，则插件安装成功。

首先在本地构建项目

nuxt build

构建成功后，会生成.nuxt的隐藏文件夹。将此文件夹以及nuxt.config.js和package.json一起上传到服务器

然后进入对应目录，执行

npm install

下载项目模块包

执行成功后，执行

nuxt start

测试项目启动。如果能正常跑起来，则nuxt服务端渲染部署成功。

由于直接执行nuxt start，需要保持终端不被关闭，否则项目会被终止，这里推荐安装pm2来进行项目管理

很赞哦！ (0)