前端程序员将vue项目打包之后，将dist文件发送给我，记录部署宝塔过程。

上传目录

将dist目录上传至TP5后台项目文件夹中，与public同级
项目目录结构：
image.png
注：dist目录名已被我修改

配置nginx

  1. server {
  2.      listen  80;
  3.      server_name  h5.gasp.ydunicorn.store;
  4.      root   C:/wwwroot/gasp.ydunicorn.store/gasp_vue;
  6.      location / {
  7.          index  index.html index.htm index.php;
  8.                try_files $uri $uri/ @router; # 配置使用路由
  9.      }
  11.      error_page   500 502 503 504  /50x.html;
  12.      location = /50x.html {
  13.          root   html;
  14.      }
  16.          # 路由配置信息
  17.        location @router {
  18.                rewrite ^.*$ /index.html last;
  19.        }
  21.          # 代理服务端接口
  22.          location /face {
  23.                proxy_pass http://gasp.ydunicorn.store/h5_api/;   #将真正的请求代理到API 服务地址
  24.          }
  25. }

注：location /face face为vue代码中的接口路由设置中自己定义的，正常为/api