解決Vue打包以後文件路徑出錯的問題

廢話少說,項目開發中遇到使用vue-cli打包後,路徑出錯的問題,在網上找了一些方法,發現下面這種方法是有效的:css

1,靜態文件路徑錯誤
找到config文件夾下的index.js文件修改一下位置
圖片描述html

看清楚是 build(上邊還有個dev 是開發環境下的配置,不須要改動)下的 assetsPublicPath :將‘/'改成‘./'vue

2,背景圖片路徑錯誤
圖片描述webpack

在css中寫的background-img的路徑出錯 須要找到build文件夾下的utils.js,修改一下位置web

問題:打包後,路徑都變成了static或者/static,其中/static這種寫法是錯誤的,由於這種直接定位到根路徑,而實際咱們部署放到根路徑是不多的,既然是官方寫的配置文件,留下這麼一個打包部署的坑,那麼他們這麼寫的初衷是什麼?vue-cli

另外,vue-cli webpack打包後index.html引入文件沒有引號,這裏的解決方法是:npm

找到webpack.prod.conf.js,在webpack.prod.conf.js找到minify 把minify中的
removeAttributeQuotes: true改成 removeAttributeQuotes:
false(若是該方法沒有用那就把整個minify去掉再試一下) 而後再執行打包命令:npm run build

原文參考連接:
https://www.jb51.net/article/...
https://blog.csdn.net/dongceh...ui

相關文章
相關標籤/搜索