当前位置: 代码迷 >> 综合 >> VUE浏览器兼容问题
  详细解决方案

VUE浏览器兼容问题

热度:72   发布时间:2023-10-02 03:42:20.0

在 vue cli2 项目中使用Vuex时,ie浏览器会出现“Vuex requires a Promise polyfill in this browser”的错误提示,这是因为使用了ES6 Promise,而IE浏览器不支持,解决方案如下:

  1. 安装babel-polyfill 执行以下命令,重启服务器:
npm install --save babel-polyfill
  1. 在main.js引入
import 'babel-polyfill'
  1. 在webpack.base.conf.js中配置:
entry: {
    app: ['babel-polyfill','./src/main.js']
},

vue-cli3下 解决浏览器兼容性问题

  1. 安装babel-polyfill依赖
 npm i babel-polyfill --save-dev
  1. 在src同级目录下新建vue.config.js文件配置如下
module.exports = {
    configureWebpack: {
    devServer: {
    proxy: {
    //名字可以自定义,这里我用的是api/'/api/': {
    target: 'https://www.163.com', //设置你调用的接口域名和端口号 别忘了加httpws: true, // 是否代理websocketschangeOrigin: true, //这里设置是否跨域pathRewrite: {
    '^/api/': 'https://www.163.com'}}}}},chainWebpack: config => {
    // 其他配置config.entry('main').add('babel-polyfill') // main是入口js文件// 其他配置}
}