vue項(xiàng)目打包后亡呵,在發(fā)布項(xiàng)目時(shí)馋辈,瀏覽器會(huì)報(bào)錯(cuò)訪問不到圖片等靜態(tài)資源覆获,這里提供一個(gè)解決辦法。
一贸弥、vue打包后靜態(tài)資源路徑
設(shè)置config/index.js文件里build部分的assetsPublicPath: '. /'
二窟坐、vue打包后部分圖片圖片路徑不對(duì)
設(shè)置build/utils.js文件里cssLoaders部分的publicPath:'../../'
三、vue-cli webpack解決ie瀏覽器兼容問題
- 解決promise問題
Babel 默認(rèn)只轉(zhuǎn)換新的 JavaScript 句法(syntax)绵疲,而不轉(zhuǎn)換新的 API 哲鸳,比如 Iterator、Generator最岗、Set帕胆、Maps、Proxy般渡、Reflect懒豹、Symbol、Promise 等全局對(duì)象驯用,以及一些定義在全局對(duì)象上的方法(比如 Object.assign)都不會(huì)轉(zhuǎn)碼脸秽。為了解決這個(gè)問題,我們使用一種叫做 Polyfill(代碼填充蝴乔,也可譯作兼容性補(bǔ)都遣汀) 的技術(shù)。
a. 下載安裝polyfill
npm install babel-polyfill -d
b. main.js引入polyfill
import 'babel-polyfill'
c. webpack.base.conf.js修改如下:
module.exports = { context: path.resolve(__dirname, '../'), entry: { app: ['babel-polyfill', './src/main.js'] }, ... }
- 解決axios使用的URLSearchParams薇正,在ie下未定義的錯(cuò)誤片酝。
npm install url-search-params-polyfill -s
main.js引入:
import 'url-search-params-polyfill'
從來不跌倒不算光彩囚衔,每次跌倒后能再站起來,才是最大的榮耀雕沿。