vue 之 打包相关配置问题

vue项目打包后，在发布项目时，浏览器会报错访问不到图片等静态资源，这里提供一个解决办法。

一、vue打包后静态资源路径

设置config/index.js文件里build部分的assetsPublicPath: '. /'

二、vue打包后部分图片图片路径不对

设置build/utils.js文件里cssLoaders部分的publicPath:'../../'

三、vue-cli webpack解决ie浏览器兼容问题

1. 解决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'] }, ... }
2. 解决axios使用的URLSearchParams，在ie下未定义的错误。
   npm install url-search-params-polyfill -s
   main.js引入：
   import 'url-search-params-polyfill'

从来不跌倒不算光彩，每次跌倒后能再站起来，才是最大的荣耀。