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

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

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

在ngnix中作好配置以下:html

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找不到前端

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

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

clipboard.png

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

clipboard.png

三、修改router/index.js服務器

clipboard.png

四、修改ngnix配置app

clipboard.png

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

相關文章
相關標籤/搜索