基于vue的项目最终编译出 dist 文件夹，只需要在nginx将dist 文件夹设置为根目录，就可以被正常访问。

    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.  }