1. 程式人生 > >開發日記2 --通過網頁內連結跳轉url正常而直接輸入url則報404錯誤的問題

開發日記2 --通過網頁內連結跳轉url正常而直接輸入url則報404錯誤的問題

通過網頁內連結跳轉url正常而直接輸入url則報404錯誤的問題

又經過一天的編寫,現在前臺入口網站已經完成了前三個功能(網站首頁,球隊成員,球隊相簿)我將其釋出到伺服器上後訪問我的ip地址xxx,重定向到xxx/welcome,如圖: welcom 點選球隊成員後頁面轉變,url改變,如圖: member 但直接在瀏覽器中輸入ip地址/welcome或ip地址/member就會。。。。 隨便找的圖 通過上網查閱資料發現,所謂的/welcome,/menber這些地址都不是真實存在的,是vue-router中虛擬出來一些地址,當通過網頁中vue-router跳轉頁面的時候可以正常顯示;而通過瀏覽器輸入地址訪問時nginx自然找不到這些頁面了。解決辦法就是在伺服器nignx的配置檔案中修改:

location / {
                # First attempt to serve request as file, then
                # as directory, then fall back to displaying a 404.
                try_files $uri $uri/ /index.html;
        }

意思就是當nignx找不到路徑下的檔案時自動跳轉到index.html中去 問題解決。