网页前端后台技巧(CSS+HTML)NUXTvue技术栈

nuxt部署

2019-04-04  本文已影响0人  恍若如梦hzpeng

1、nginx和代码中配置好域名和端口

2、服务器安装node

3、安装pm2

npm install -g pm2

4、部署

//  .nuxt
//  static
//  nuxt.config.js
//  package.json
//  package-lock.json

上传好后,运行npm install安装依赖
最后运行npm run start启动项目

npm install
npm run build
npm run start

如果有node-sass模块,安装过程可能会报错,运行npm install node-sass --unsafe-perm --save-dev来单独安装这个模块就好了。
如果在打包过程中报错,看清报错信息,很有可能是node和npm版本问题,升级最新稳定版本就好。

运行npm run start启动项目过程中如果遇到报错,可能是端口被占用,执行命令

netstat -lnp|grep 8080    // 查看8080端口是否被占用
image.png

上图我查看的是8089端口,已经被占用了。
运行kill -9 28390杀死进程,然后再启动项目就可以了。

5、使用pm2守护进程
刚才已经安装了pm2,在启动项目之后,执行命令

pm2 start npm --name "nuxt" -- run start

ok,到这里部署就算完成了。
pm2还有很多命令,常用的

pm2 list  // 查看任务列表
pm2 stop app_name|app_id  // 停止指定name或者id的任务
pm2 stop all  // 停止所有任务
pm2 delete app_name|app_id  // 删除指定name或者id的任务
pm2 delete all  // 删除所有任务
pm2 logs // 查看日志

可以去官网学习查看http://pm2.keymetrics.io/

上一篇 下一篇

猜你喜欢

热点阅读