vue+webpack+nginx 部署在服務器非根目錄下訪問404問題

最近想把全部的前端項目都整合在兩臺機器上，經過負載訪問以下路徑
Https://域名/gameCenter/
Https://域名/member/
Https://域名/loan/
這樣的方式訪問

按照平時的打包方式，直接將webpack打包好的包放到服務器上
服務器路徑/H5/gameCenter(並不是平時的/gameCenter)

在ngnix中作好配置以下：

location  ^~ /gameCenter/{
                alias /H5/gameCenter/;
                try_files $uri $uri/ /gameCenter/index.html;
                gzip on;
                gzip_types application/javascript text/css image/jpeg image/png;
        }

結果訪問Https://域名/gameCenter/ 時一片紅，各類/static/js /static/css找不到

困擾了好幾天，跟孫老闆各類改~

最後終於改好了，總結了如下幾點
一、修改config/index.js配置文件

二、修改build/webpack.prod.conf.js配置文件

三、修改router/index.js

四、修改ngnix配置

這幾個改好了，部署就沒有問題啦~ 分享給你們