vue-cli新建vue项目在IE下报错

使用脚手架新建了一个vue项目,可以在IE9+浏览器运行,但是在添加了axios后,在IE下就报错了

首先是安装axios,在命令行执行:

$ npm install axios -s    //执行命令,下面是输出结果
+ [email protected]
added 1 package from 1 contributor and audited 32846 packages in 12.611s
found 7 vulnerabilities (1 low, 1 moderate, 4 high, 1 critical)
  run `npm audit fix` to fix them, or `npm audit` for details

在用到axios的页面引入:

import axios from "axios";

然后添加使用的代码:

 methods: {
      getDatas (){
          this.msg = "触发了"
          axios.get('http://192.168.80.129:8080/v1/topic/')
          .then(function(response) {
            console.log(response);
          });
      }
  }

报错图片:

接着又在methods的前面添加了:

mounted() {
    this.getDatas ();
},

然后又报错了:

解决方法; 安装 babel-polyfill

$ npm install babel-polyfill --save
npm WARN rollback Rolling back node[email protected] failed (this is probably harmless): EPERM: operation not permitted, lstat 'F:\05 poverty alleviation project\poverty\node_modules\fsevents\node_modules'
npm WARN ajv[email protected] requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ [email protected]
added 2 packages from 2 contributors and audited 32852 packages in 12.536s
found 7 vulnerabilities (1 low, 1 moderate, 4 high, 1 critical)
  run `npm audit fix` to fix them, or `npm audit` for details

安装成功后,在main.js 引入

引入后再次运行项目,也就是执行 npm run dev ,然后在IE下查看是否请求数据成功,这里是请求数据成功了的,如下图:

猜你喜欢

转载自www.cnblogs.com/stella1024/p/9239921.html
今日推荐