nuxt部署

作者: 恍若如梦hzpeng | 来源:发表于2019-04-04 15:00 被阅读0次

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

2、服务器安装node

3、安装pm2

npm install -g pm2

4、部署

  • 本地运行npm run build打包,然后把.nuxtstaticnuxt.config.jspackage.jsonpackage-lock.json上传到服务器
//  .nuxt
//  static
//  nuxt.config.js
//  package.json
//  package-lock.json

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

  • 另外一种方法在服务器上打包上传整个项目到服务器上,当然像node_modules.idea之类的除外,接着依次运行:
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/

相关文章

  • Nuxt部署

    Nuxt安装 编译 部署需要用到的文件 .nuxt、static、nuxt.config.js、package.j...

  • 项目启动后一直刷新

    使用 nuxt build && nuxt start不要使用 nuxt 直接启动,不然会热部署导致一直刷新

  • nuxt-generate 静态站

    nuxt generate部署静态站 在nuxt.config.js配置页面路径 默认情况下,运行nuxt gen...

  • nuxt.js的使用和开发,一款vue基于服务器SSR渲染工具

    安装和部署 nuxt.config.js的一些配置 nuxt添加静态文件 当我们在使用nuxt的时候,网站可以会遇...

  • Nuxt

    Nuxt配置pm2部署的问题

  • nuxt部署

    1、nginx和代码中配置好域名和端口 2、服务器安装node 3、安装pm2 4、部署 本地运行npm run ...

  • nuxt 部署

    https://www.cnblogs.com/wangzirui98/p/12393414.html

  • nuxt 部署

    1.Server Deployment(部署ssr) 1.1 配置 nuxt.config.js 指定target...

  • nuxt 部署上线

    参考文章链接 : next.js、nuxt.js等服务端渲染框架构建的项目部署到服务器,并用PM2守护程序 - 每...

  • nginx部署nuxt

    1.nuxt项目package.json的scripts字段配置 以下是mac os的配置 如果是windows ...

网友评论

    本文标题:nuxt部署

    本文链接:https://www.haomeiwen.com/subject/ljwfiqtx.html