vue项目上线遇到的问题

1.项目部署到Nginx，background-image中的图片路径找不到?
css代码里使用这样的路途图片：

  background-image: url('../page/user/login_banner.png') no-repeat;
  background-size: 100% 100%;

经过webpack打包后，图片到dist/static/img目录下

打包之后background: url('../page/user/login_banner.png') no-repeat; 会被解析为background: url('static/img/login_banner.png') no-repeat;

但是这行代码在css文件夹下，里面的css文件访问img文件下图片，需要返回上级目录。所以‘static/img/login_banner.png'目录是错误的。

在build/utils.js文件里添加

if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    publicPath: '../../',//解决背景图片路径错误
    fallback: 'vue-style-loader'
  })
} else {
  return ['vue-style-loader'].concat(loaders)
}

2.IE浏览器通过url传递中文参数，报400错误？
在url中不要传中文参数，可以在传递前对中文进行编码，然后在后台进行解码。通过html自带的window.encodeURI()方法来对中文进行编码，在后台也不需要进行转码

3.vue项目在IE9下，报出unhandled promise rejection或不能访问？
1）npm安装babel-polyfill，官方链接：https://babeljs.io/docs/en/ba...

npm install --save-dev babel-polyfill

2）找到build文件夹下webpack.base.conf.js在里面修改一下就行
原来是这样的

module.exports = {
  ....
  entry: {
    app: './src/main.js'
  },
  ....
}  

改成

module.exports = {
  ....
  entry: {
    app:['babel-polyfill','./src/main.js']//新增babel-polyfill
  },
  ....
}

3）axios的请求在ie下没有用
npm安装：npm install es6-promise --save-dev

在main.js引入
import promise from 'es6-promise'
promise.polyfill()

重启项目，就可以了