前端配置

提供两个配置方式 [History、Hash] 的部署方式，首先修改接口地址，如果是IP地址，那么需要修改为外网IP。 VUE_APP_BASE_API：没有配置ssl，需要将https改成http VUE_APP_WS_API：如果接口是http形式，wss需要改成ws

1. 项目默认是History模式，不需要做任何修改
2. Hash模式：修改routers.js，取消hash的注释，修改根目录vue.config.js配置，取消15行的注释（publicPath：process.env.NODE_ENV blah…）
3. 打包前端项目

npm run build:prod
# 打包完成后会在根目录生成dist文件夹，我们需要将他上传到服务器中

4. Nginx配置
   1. History模式

   server
   {
      listen 80;
      server_name 域名/外网IP;
      index index.html;
      root  /usr/share/nginx/html/{name}/dist;  #dist上传的路径
      # 避免访问出现 404 错误
      location / {
         try_files $uri $uri/ @router;
         index  index.html;
      }
      location @router {
         rewrite ^.*$ /index.html last;
      }  
   }
   

   2. Hash模式

   server {
       listen       80;
       server_name  域名/外网IP;
   
       location / {
          root   /usr/share/nginx/html/{name}/dist; #dist上传的路径
          index  index.html;
       }
   }
   

5. 二级目录部署

   # Nginx配置
   server {
       listen       80;
       server_name  域名/外网IP;
   
       location /dist {
          root   /usr/share/nginx/html/{name}/test;
          index  index.html;
       }
   }