vue-cli新建vue項目安裝axios后在IE下報錯


使用腳手架新建了一個vue項目,可以在IE9+瀏覽器運行,但是在添加了axios后,在IE下就報錯了

首先是安裝axios,在命令行執行:

$ npm install axios -s    //執行命令,下面是輸出結果
+ axios@0.18.0
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-pre-gyp@0.10.0 failed (this is probably harmless): EPERM: operation not permitted, lstat 'F:\05 poverty alleviation project\poverty\node_modules\fsevents\node_modules'
npm WARN ajv-keywords@3.2.0 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 fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ babel-polyfill@6.26.0
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下查看是否請求數據成功,這里是請求數據成功了的,如下圖:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM