vue项目打包后,在发布项目时,浏览器会报错访问不到图片等静态资源,这里提供一个解决办法。
一、vue打包后静态资源路径
设置config/index.js文件里build部分的assetsPublicPath: '. /'
二、vue打包后部分图片图片路径不对
设置build/utils.js文件里cssLoaders部分的publicPath:'../../'
三、vue-cli webpack解决ie浏览器兼容问题
- 解决promise问题
Babel 默认只转换新的 JavaScript 句法(syntax),而不转换新的 API ,比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些定义在全局对象上的方法(比如 Object.assign)都不会转码。为了解决这个问题,我们使用一种叫做 Polyfill(代码填充,也可译作兼容性补丁) 的技术。
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下未定义的错误。
npm install url-search-params-polyfill -s
main.js引入:
import 'url-search-params-polyfill'
从来不跌倒不算光彩,每次跌倒后能再站起来,才是最大的荣耀。