编译、打包

前端所谓的编译本质上就是采用各种压缩、分割技术对项目进行打包。

  2.   // 项目根目录执行以下命令，编译、打包项目
  3.     yarn build
  4.     或者
  5.     npm run build
  7.  // 打包完成会在根目录生成 dist 目录，最后将该目录压缩、上传至服务器，解压部署即可.

nginx 部署、配置前端子项目

GinSkeleton 提供了nginx 日志(access.log 、 error.log)集中管理功能，可以直接对接到 ELK 服务器，请参考后端项目日志集中管理方案部分.

  2. server
  3.  {
  4.      listen 20202;
  5.      server_name www.ginskeleton.com ;
  6.      index index.html index.htm;
  7.      # 设置项目根目录，dist 目录为本项目编译后解压目录
  8.      root  /home/wwwroot/test/dist;
  10.     #解决vue项目部署后刷新页面出现404的问题
  11.     location  / {
  12.         try_files $uri $uri/ /index.html;
  13.     }
  15.      location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
  16.      {
  17.          expires      30d;
  18.      }
  20.      location ~ .*\.(js|css)?$
  21.      {
  22.          expires      12h;
  23.      }
  25.      location ~ /.well-known {
  26.          allow all;
  27.      }
  29.      location ~ /\.
  30.      {
  31.          deny all;
  32.      }
  34.         # 设置访问日志与错误日志记录，相关路径请自行修改
  35.     access_log   /home/wwwlogs/ginskeleton_admin_fronted_access.log ;
  36.     error_log   /home/wwwlogs/ginskeleton_admin_fronted_error.log ;
  37.  }