第一次做vue項目，在本地預覽刷新都沒問題，打包部署上線之后出現了一個小問題，刷新的時候會出現404
經歷：百度搜索問題，原來是因為vue-router的mode使用了history模式，默認應該是hash模式
說明下vue-router的默認hash模式——使用URL的hash來模擬一個完整的URL，當URL改變時，頁面不會重新加載。但是這種hash很丑，也不符合對URL的使用習慣。所以，需要使用另外一個叫history模式來實現URL跳轉而無須重新加載頁面。因為我不想要很丑的 hash，就是使用路由的 history 模式，這種模式充分利用 history.pushState API 來完成 URL 跳轉而無須重新加載頁面。
網上給出的解決方法是修改nginx配置文件
修改nginx配置文件
|
1
2
3
4
5
|
location / {
root ...
index ...
try_files $uri $uri/ /index.html; ---解決頁面刷新404問題
}
|
將上面代碼放入nginx配置文件中
保存退出
. ./nginx -t -- 驗證nginx配置文件是否正確
. ./nginx -s reload -- 重啟nginx
記得修改完nginx配置文件一定要重啟nginx 不然沒有效果！！！
一般nginx配置文件只有負責服務器人員才可以修改，所以這個時候只需要找到負責server的同事幫忙處理就好了！！