vue.js部署404問(wèn)題

問(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;
        }

}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容