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

stormzhang 發(fā)布于2019-07-25 14:27 / 3529人閱讀

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

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

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

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

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/40115.html

相關(guān)文章

vue路由history模式刷新頁面出現(xiàn)404問題

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

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

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

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

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

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

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

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