開發日記2 --通過網頁內連結跳轉url正常而直接輸入url則報404錯誤的問題
阿新 • • 發佈:2018-12-17
通過網頁內連結跳轉url正常而直接輸入url則報404錯誤的問題
又經過一天的編寫,現在前臺入口網站已經完成了前三個功能(網站首頁,球隊成員,球隊相簿)我將其釋出到伺服器上後訪問我的ip地址xxx,重定向到xxx/welcome,如圖: 點選球隊成員後頁面轉變,url改變,如圖: 但直接在瀏覽器中輸入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中去 問題解決。