亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

1、兩種模式 hash、history

（1）兩種模式最大的區(qū)別就是鏈接里有沒帶#，hash模式會帶上#
（2）在生產(chǎn)環(huán)境中，history 模式有一個比較大的問題，就是當(dāng)手動刷新時，會報404錯誤

• hash 模式下下，只將 hash 前面的部分當(dāng)作地址，所以會向服務(wù)端重新請求，刷新之后，與刷新之前的頁面內(nèi)容是一致的（因為 hash 值沒有變化）
• istory 模式下，會將地址欄中的地址全部看作請求地址，所以刷新后，會向服務(wù)端請求這個地址，而我們的前端項目下，只有一個 index.html 和一些 js、css、圖片等文件，根本沒有請求的資源，所以服務(wù)器就返回 404了
• 解決方法：apche服務(wù)器重寫路由到 www.xx.com/ 下。然后刷新可正常訪問到 手動刷新的 頁面

刷新頁面路徑訪問404時會重定向到index.html，配置url重寫語句，注意是重寫，不是重定向。

2、懶加載

import Login from '../views/Login

這種方式導(dǎo)入組件，當(dāng)打包構(gòu)建應(yīng)用時，JavaScript 包會變得非常大，影響頁面加載。打包后，這些組件都會被打包到一個以app開頭的文件中。

const Login = () => import('../views/Login')
...
 {
    path: '/login',
    name: 'login',
    component: Login // 此時的 login 是函數(shù)
  },

對比原來的引入方式，就能發(fā)現(xiàn)不同點：現(xiàn)在的 Login 是個函數(shù)，當(dāng)路由規(guī)則匹配上，就會執(zhí)行這個函數(shù)，才去加載此組件。將所有組件的引入方式都像上面這樣修改后，重新打包，由原來的一個js文件拆分成了體積較小的多個js文件。

...
component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')

這種引入方式是將每個組件都分別打包了，可以將多個組件打包到一個包中。打包后，這些組件都會被打包到一個以about開頭的文件中。