問(wèn)題描述:Q
部署完成后,訪問(wèn)首頁(yè)沒(méi)問(wèn)題,從首頁(yè)里打開二級(jí)頁(yè)面沒(méi)問(wèn)題,但是所有的二級(jí)頁(yè)面打開后,再次刷新,就會(huì)出現(xiàn)404現(xiàn)象!如下:
原因描述: R
網(wǎng)址:http://m.darongtong.cn/home/wuxing/list?type=1
刷新頁(yè)面時(shí)訪問(wèn)的資源在服務(wù)端找不到,因?yàn)関ue-router設(shè)置的路徑不是真實(shí)存在的路徑。
如上的404現(xiàn)象,是因?yàn)樵趎ginx配置的根目錄/Data/app/xqsj_wx/dist下面壓根沒(méi)有l(wèi)oading這個(gè)真實(shí)資源存在,這些訪問(wèn)資源都是在js里渲染的。
解決辦法:A
在nginx配置里添加vue-route的跳轉(zhuǎn)設(shè)置《重定向》(這里首頁(yè)是index.html,如果是index.php就在下面對(duì)應(yīng)位置替換),正確配置如下(添加下面標(biāo)紅內(nèi)容):
server {
root /usr/share/nginx/html/H5_NEW/;
index index.php index.html index.htm;
#下面為vue.js重定向配置
location / {
try_files $uri $uri/ @router;
index index.html;
}
location @router {
rewrite ^.*$ /index.html last;
}
}