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

codergarden 發布于2019-07-25 14:09 / 2937人閱讀

摘要：最近想把所有的前端項目都整合在兩臺機器上，通過負載訪問如下路徑域名域名域名這樣的方式訪問按照平時的打包方式，直接將打包好的包放到服務器上服務器路徑并非平時的在中做好配置如下結果訪問域名時一片紅，各種找不到困擾了好幾天，跟孫老板各種改最后終于

最近想把所有的前端項目都整合在兩臺機器上，通過負載訪問如下路徑
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找不到

困擾了好幾天，跟孫老板各種改~

最后終于改好了，總結了以下幾點
1、修改config/index.js配置文件

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

3、修改router/index.js

4、修改ngnix配置

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

GPU云服務器云服務器訪問出現404問題 nginx404怎么解決系統部署在云服務器怎么訪問訪問部署在云服務器的數據庫

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/39773.html

Vue-項目從本地搭建到線上部署（wǒ shì biaō tí dǎng）

摘要：放置在目錄下或通過絕對路徑被引用。對于相關來說，我們推薦使用而不是直接鏈式指定。在不更改配置文件的情況下，前端頁面迭代發布，不需要重啟服務。作者：gauseen 0. 關于 Vuejs 簡介：Vue (讀音 /vju?/，類似于 view) 是一套用于構建用戶界面的漸進式框架，易用、靈活、高效。生態系統項目介紹 awesome-vue Vue.js 相關很棒的...

Arno 2019-08-26 13:49 評論0 收藏0
vue history模式部署在服務器端的nginx配置 (非根目錄)

摘要：最終，我的解決方案如下配置如下配置路由配置該項目是用的所以只需要修改里面的的部分配置修改最終項目地址為 vue history需要nginx或者其他方式配置一下才可正確訪問，否則路由跳轉之后刷新一下便會404 具體原因vue-router官網有說明，在此不多說最近遇到的問題是上了一個小的項目，需要放在更深層次的目錄下，上到測試環境做了官網提到的nginx配置發現不行，之后查閱了一些...

Caizhenhao 2019-08-23 13:12 評論0 收藏0
vue history模式部署在服務器端的nginx配置 (非根目錄)

摘要：最終，我的解決方案如下配置如下配置路由配置該項目是用的所以只需要修改里面的的部分配置修改最終項目地址為 vue history需要nginx或者其他方式配置一下才可正確訪問，否則路由跳轉之后刷新一下便會404 具體原因vue-router官網有說明，在此不多說最近遇到的問題是上了一個小的項目，需要放在更深層次的目錄下，上到測試環境做了官網提到的nginx配置發現不行，之后查閱了一些...

tangr206 2019-07-25 14:30 評論0 收藏0
Vue Router history模式的配置方法及其原理

摘要：但如果要使用模式，我們需要在后端進行額外配置。模式的配置方法我們來看看官方文檔是教我們怎么配置的模式。模式的配置實踐及原理強烈建議閱讀這部分之前，先看一下的這部分文檔和這部分文檔。只配置前端的情況首先，我們將設置為，但不配置后端。始發于我的博客 ryougifujino.com，歡迎訪問留言。 vue-router分為hash和history模式，前者為其默認模式，url的表現形式為...

Richard_Gao 2019-08-30 11:04 評論0 收藏0
前端項目部署

摘要：前端項目部署之前很少接觸前端項目的部署，這次為了更全面的學習就在本機上裝了一個虛擬機上，在虛擬機上練習了如何把一個寫的項目部署到這個虛擬機的服務器上。前端項目部署之前很少接觸前端項目的部署，這次為了更全面的學習就在本機上裝了一個虛擬機上，在虛擬機上練習了如何把一個 react 寫的 spa 項目部署到這個虛擬機的服務器上。由于 linux 也是剛接觸不久，所以整個過程還是遇到了很多...

Aceyclee 2019-07-25 14:21 評論0 收藏0