nuxt的项目部署到线上环境，有多种方法，这里分享我使用的方法，一步步照着配置，就可以配置成功~

 

　　（1）项目先执行npmrunbuild打包好

 

　　（2）服务器安装node和pm2依赖

 

　　服务器：切换到希望安装这两个依赖的目录下，依赖可以用于多个node项目，这里我新建了node_project文件夹

 

　　安装node:

 

　　第一步下载：curl-Ohttps://nodejs.org/dist/v10.16.0/node-v10.16.0-linux-x64.tar.xz

 

　　第二步解压：xz-dnode-v10.16.0-linux-x64.tar.xztar-xvfnode-v10.16.0-linux-x64.tar

 

　　第三步重命名：mvnode-v10.16.0-linux-x64node

 

　　第四步修改环境变量：vi~/.bash_profile

 

　　PATH=$PATH:$HOME/bin//修改前PATH=$PATH:$HOME/bin:/usr/local/src/node/bin//修改后

 

　　改好之后保存退出

 

　　第五步编译刚刚修改的文件：source~/.bash_profile

 

　　安装pm2

 

　　npmi-gpm2

 

　　上传打包后的文件到node_project/web-pc，其中web-pc是我们的项目名称，一共有四个文件需要传

 

　　（3）启动项目

 

　　1.切换到项目目录cdweb-pc

 

　　2.执行npminstall-production安装依赖（依赖有变更或者未安装过）

 

　　3.使用pm2启动项目：pm2startnpm--name"web-pc"--runstart

 

　　4.启动成功没有问题的话，可以设置开机启动项目

 

　　pm2save#保存当前开机启动列表

 

　　pm2startup#设置开机启动

 

　　完成

 

　　pm2的一些常用命令

 

　　$pm2stopall#停止所有的应用程序

 

　　$pm2stop0#停止id为0的指定应用程序

 

　　$pm2restartall#重启所有应用

 

　　$pm2reloadall#重启clustermode下的所有应用

 

　　$pm2deleteall#关闭并删除所有应用

 

　　$pm2delete0#删除指定应用id0

 

　　最后分享一下经过简单基础化配置过后的项目代码，

 

　　请戳github：https://github.com/daisygogogo/nuxt-element-ui-pc-website

 

　　觉得有用不妨给个star或者赞哦~

 

　　主要配置有：

 

　　element-ui引入

 

　　axios.js插件引入（初始化项目的时候也可以选择），根据当前环境，设置defaultURL

 

　　配置proxy代理

 

　　scss使用

 

　　middleware中间件鉴权，尝试过在nuxt项目中使用路由守卫，但是不成功，需要使用自带的middleware中间件

 

　　详情页面展示，nuxt的动态路由页面，跟普通vue页面有点不一样，需要新建文件夹包裹，详见pages下的shopDetail页面

 

　　error错误页面自定义，打印错误信息到页面上，使得开发过程中调试更加方便，点击“我的客服”页面可见