配置nginx解決vue路由history模式下刷新404問題

stormzhang 發布于2019-07-25 14:27 / 3518人閱讀

摘要：在路由模式為的時候，刷新頁面會出現問題。我們只需要在服務器配置如果匹配不到任何靜態資源，就跳轉到默認的。表示你監聽的端口號打包后的文件夾目錄

在vue路由模式為history的時候，刷新頁面會出現404問題。我們只需要在服務器配置如果URL匹配不到任何靜態資源，就跳轉到默認的index.html。

server {
        listen 8105; // 表示你nginx監聽的端口號
        root /home/admin/sites/vue-nginx/dist; // vue打包后的文件夾dist目錄
        index index.html; 
        location / {
                 try_files $uri $uri/ /index.html; 
        }
}

云服務器 GPU云服務器 nginx404怎么解決服務器配置路由下一跳 cdn刷新緩存報404 訪問出現404問題

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

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

vue路由history模式刷新頁面出現404問題

摘要：模式下，中存在，用模式就能解決這個問題。但是模式會出現刷新頁面后，頁面出現。解決的辦法是用配置一下。 vue hash模式下，URL中存在#，用history模式就能解決這個問題。但是history模式會出現刷新頁面后，頁面出現404。解決的辦法是用nginx配置一下。在nginx的配置文件中修改方法一： location /{ root /data/nginx/html...

sanyang 2019-07-25 14:28 評論0 收藏0
VUE路由history模式坑記--NGINX

摘要：還有可能會有一些隱藏的問題沒被發現。如果能像其他系統的路徑一樣，就不存在這些問題了。對于的模式在開發的時候，一般都不出問題。是因為開發時用的服務器為，環境中自然已配置好了。希望大家使用的方式進行處理，的方式會被第三方劫持因微信分享和自動登錄需要，對于URL中存在#的地址，處理起來比較坑（需要手動寫一些代碼來處理）。還有可能會有一些隱藏的問題沒被發現。如果VUE能像其他（JSP/PH...

voidking 2019-07-25 13:59 評論0 收藏0
VUE-Router按模塊配置、懶加載+ Windows中Nginx服務安裝、配置解決404

摘要：文章涉及到路由模塊化，懶加載，安裝，打包配置板塊。項目復雜，路由變多，代碼維護性降低，從路由模塊化開始一步步優化，解決各種。無法啟動服務，報錯參考資料發現端口沖突，已經在服務中已經配置端口。服務端口更改為。文章涉及到VUE路由模塊化，懶加載，nginx安裝，打包配置板塊。項目復雜，路由變多，代碼維護性降低，從路由模塊化開始一步步優化，解決各種BUG。參考了很多方法，會在文章中引用出來...

habren 2019-07-25 14:37 評論0 收藏0
Vue項目部署遇到的問題及解決方案

摘要：模式部署沒有什么問題，只要訪問到服務器上的，就可以訪問網站了。問題起因在做年度賬單項目的時候，項目部署的時候，用的是模式。這樣幾項配置后，就可以在子目錄下訪問網站，刷新也沒有問題。寫在前面 Vue-Router 有兩種模式，默認是 hash 模式，另外一種是 history 模式。 hash：也就是地址欄里的 # 符號。比如 http://www.example/#/hello，...

姘擱『 2019-08-23 14:38 評論0 收藏0