Nuxt项目部署注意事项

林氏智造 于 2020-03-17 发布 294 人已阅

Nuxt官网 https://zh.nuxtjs.org/

需要上传的文件 运行npm run build ,把.nuxt、static、nuxt.config.js、package.json 上传到服务器上

nginx配置

配置proxy反向代理

server {
  listen 80;
  server_name 域名;
  location / {
    proxy_pass http://localhost:3000;
    index index.html index.htm;
  }

}

注意如果配置文件有以下代码请注释掉,不然会找不到Js文件和图片

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|flv|mp4|ico)$ {
   expires 30d;
   access_log off;
}
location ~ .*\.(js|css)?$ {
 expires 7d;
 access_log off;
}

安装pm2

1、全局安装命令 npm i pm2 -g

2、安装完pm2后,那么就直接跑咯,命令:pm2 start npm -- run start (执行了这命令后就不用单独执行npm run start了哦),这里域名理论是能正常访问了,接下来,这服务就会一直在跑了,除非:你执行了pm2 stop (后面可以接相关参数的)停止了它。

3、当然了当你想查看下pm2所守护的进程有什么的话你可以用 pm2 list , 又或者你想重新发布了项目后需要再重启一把,那你可以用 pm2 restart

标签

您可能感兴趣的文章

如何优雅的选择字体(font-family)

当前项目对字体要求很高,之前对font-family这个属性没怎么仔细去研究它,现在整理了一个通用方案适合大多数网站使用。

React+webpack 部署概要

React+webpack 组合已经成为开发react的经典搭配,把常用的webpack配置文件和一些react的常用代码规范记录下方便以后开发使用

gulp前端自动化部署方案

gulp 前端自动化代码,根据自己的项目需求编写,包括压缩合并css,压缩合并js,雪碧图,版本号插入等功能

纯CSS制作各种图形

用图片做图标会加大页面的大小,现在能用CSS写图标就用CSS写,维护起来也方便加载速度也快