<dd id="3pk9i"><optgroup id="3pk9i"><video id="3pk9i"></video></optgroup></dd>
<rp id="3pk9i"></rp>

<dd id="3pk9i"><track id="3pk9i"></track></dd>
      1. <th id="3pk9i"></th>
        1. <ol id="3pk9i"><ruby id="3pk9i"></ruby></ol>

        2. vue打包刷新報錯怎么辦-全球信息

          來源:php中文網 | 2022-12-30 15:58:57 |

          本教程操作環境:Windows10系統、Vue 3版、Dell G3電腦。

          vue打包刷新報錯怎么辦?

          vue項目部署后刷新報404 解決方法


          (資料圖片)

          一、原因

          因之前vue搭建的項目的vue router mode 使用的默認模式hash,項目打包部署后刷新頁面不會出現404這種情況

          但是因項目需求把vue router 的mode改成了history,結果跳轉頁面沒問題,刷新頁面的時候報404錯誤

          二、解決方案:

          方案一:vue router 的mode改成hash

          方案二:nginx修改

          location / {  root ...  index ...  try_files $uri $uri/ /index.html; ---解決頁面刷新404問題} 

          如圖:

          警告:

          因為這么做以后,你的服務器就不再返回 404 錯誤頁面,因為對于所有路徑都會返回 index.html 文件。為了避免這種情況,你應該在 Vue 應用里面覆蓋所有的路由情況,然后在給出一個 404 頁面?;蛘?,如果你是用 Node.js 作后臺,可以使用服務端的路由來匹配 URL,當沒有匹配到路由的時候返回 404,從而實現 fallback。

          const router = new VueRouter({  mode: "history",  routes: [    { path: "*", component: NotFoundComponent }  ]})

          方案三:Apache

          <IfModule mod_rewrite.c>  RewriteEngine On  RewriteBase /  RewriteRule ^index\.html$ - [L]  RewriteCond %{REQUEST_FILENAME} !-f  RewriteCond %{REQUEST_FILENAME} !-d  RewriteRule . /index.html [L]</IfModule>

          推薦學習:《vue.js視頻教程》

          以上就是vue打包刷新報錯怎么辦的詳細內容,更多請關注php中文網其它相關文章!

          關鍵詞:

          中文字幕在线观看2021
          <dd id="3pk9i"><optgroup id="3pk9i"><video id="3pk9i"></video></optgroup></dd>
          <rp id="3pk9i"></rp>

          <dd id="3pk9i"><track id="3pk9i"></track></dd>
            1. <th id="3pk9i"></th>
              1. <ol id="3pk9i"><ruby id="3pk9i"></ruby></ol>