預(yù)覽不了的主要問題基本都是打包后的js和css請求路徑不對碑隆,默認(rèn)是/根路徑,但是打包到github上的時(shí)候揭绑,根目錄下是肯定沒有css和js文件的,都打包到dist文件夾里了郎哭,即使你把dist里的文件全部復(fù)制到外面放他匪,也依舊請求不到資源,因?yàn)間ithub上的根目錄并不指向當(dāng)前倉庫夸研。
這個(gè)時(shí)候就需要改一下vue.config.js的配置了
首先來看看vue-cli官方文檔邦蜜,主要看紅色框框的這段
這里提示我們需要把publicPath改為指定的路徑,我查看了github上的根目錄默認(rèn)是https://xxxxxx.github.io/這個(gè)樣子的(其中xxxxxx是你的用戶名陈惰,每個(gè)人的不一樣)畦徘,假設(shè)我的項(xiàng)目打包后的dist文件夾需要上傳到了名為Test倉庫毕籽,那么在vue.config.js下publicPath就要改為
publicPath: '/Test/dist/'
然后重新打包一下,此時(shí)的dist在本地serve是預(yù)覽不出來的井辆,因?yàn)楸镜貨]有/Test/dist/這個(gè)路徑关筒,但是在github上就可以預(yù)覽了