我們的商城項(xiàng)目在打包的時(shí)候一般使用npm run build來進(jìn)行打包，整合編譯項(xiàng)目，大大縮小項(xiàng)目的大小。
但是打包的時(shí)候遇到了一個(gè)問題，當(dāng)我們把文件放到public中的dist時(shí)，一但跳轉(zhuǎn)路由界面，就會(huì)報(bào)錯(cuò)，顯示缺少某個(gè)文件，但文件的確是存在的，而且我們?cè)诒镜剡\(yùn)行的時(shí)候沒有這種報(bào)錯(cuò)，但是打包好后問題就出現(xiàn)了。
以上問題因?yàn)槁窂絾栴}導(dǎo)致的，我們vue打包的時(shí)候回默認(rèn)使用絕對(duì)路徑，默認(rèn)就是當(dāng)前文件夾的js文件夾和css文件夾，我們默認(rèn)的主頁(yè)獲取的是正確的，public/dist/css和js，但是，跳轉(zhuǎn)路由后，獲取的文件路徑變?yōu)榱?，public/css和js，這就是獲取不到文件的原因。
解決方法為，更換為相對(duì)路徑。我們需要修改vue.config.js下的publicPath。
把他設(shè)置為相對(duì)路徑就好了。
上一篇： 迅睿cms中前端技巧
下一篇： vant單選框控制顯示bug解決
