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

nuxt 项目完整部署方案

2020-05-20 前端开发 1341人已围观 1767次浏览

简介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)

随机好物推荐

站长推荐

站点信息

  • 网站地图