目前的nginx.conf配置：
......
server{
? ? ......
? ? ......
? ? location /xxx{
? ? ? ? root /home/userName/dir
? ? ? ? index index.html
? ?}
}部署是成功了，但是有個問題，就是感覺整個前端不會找uri，按F5或者在瀏覽器輸入url都會404，只從vue默認的地方進，才行。
解決方法：
......
server{
? ? ......
? ? ......
? ? location /xxx{
? ? ? ? root /home/userName/dir
? ? ? ? try_files $uri $uri/ /home/userName/dir/index.html
? ?}
}原因：
index index.htm index.html;
index 就是根目錄，也就是只識別“/”結(jié)尾的，輸入不存在或者刷新頁面的路徑就直接報nginx的404了，而不會重定向到index.html
try_files 更加可靠， 首先會查找"$uri"下的這個文件，如果不存在會查找$uri/,如果還不存在就會重定向到 /index.html頁面。如果最后參數(shù)寫錯了，就會導致500的服務器錯誤。文章來源：http://www.zghlxwxcb.cn/news/detail-696099.html
以前如果是沒有用webpack的項目，可以直接用index，如果是用的webpack最好用try_files文章來源地址http://www.zghlxwxcb.cn/news/detail-696099.html
到了這里，關(guān)于Nginx筆記-vue項目刷新出現(xiàn)404（try_files和index）的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
