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