當(dāng)我們執(zhí)行了yarn run build之后，生成dist文件
我們將代碼放入nginx-1.24.0下面的html中
然后我們就配置conf文件下的nginx.conf
?配置方面不介紹了，主要問(wèn)題是因?yàn)闆](méi)有加這句話
?問(wèn)題分析
index index.htm index.html;
index 就是根目錄，也就是只識(shí)別“/”結(jié)尾的，輸入不存在或者刷新頁(yè)面的路徑就直接報(bào)nginx的404了，而不會(huì)重定向到index.html
try_files 更加可靠， 首先會(huì)查找"$uri"下的這個(gè)文件，如果不存在會(huì)查找$uri/,如果還不存在就會(huì)重定向到 /index.html頁(yè)面。如果最后參數(shù)寫錯(cuò)了，就會(huì)導(dǎo)致500的服務(wù)器錯(cuò)誤。
一般這兩個(gè)不要寫在同一個(gè)location
關(guān)于為啥vue項(xiàng)目只配置index刷新會(huì)404：
vue + nginx的配置， vue路由必須先加載 index.html 或者XX.js 才能識(shí)別到路由
這個(gè)是各個(gè)參數(shù)的解釋，文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-719121.html
# 1.假設(shè)請(qǐng)求 127.0.0.1/home
# 2.nginx配置的location
location / {
root /opt/dist;
index index.html;
try_files $uri $uri/ /index.html;
}
# 變量解釋
try_files 固定語(yǔ)法
$uri 指代home文件(ip地址后面的路徑，假如是127.0.0.1/index/a.png，那就指代index/a.png)
$uri/ 指代home文件夾
/index.html 向ip/index.html 地址發(fā)起請(qǐng)求
try_files $uri $uri/ /index.html;
嘗試解析下列2個(gè)文件/文件夾(自動(dòng)分辨出，IP后面的路徑是文件還是文件夾)， $uri/$uri/，
如果解析到，返回第一個(gè)，
如果都沒(méi)有解析到，向127.0.0.1/index.html發(fā)起請(qǐng)求跳轉(zhuǎn)(該路由必須真實(shí)，不然會(huì)報(bào)錯(cuò))?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-719121.html
到了這里，關(guān)于404 not found nginx（dist打包后，刷新和跳轉(zhuǎn)都是404 not found nginx的問(wèn)題） 解決方案（打包發(fā)布在服務(wù)器）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
