axios在vue中和在js文件中区别

package.json中安装axios
在main.js中引入import axios from ‘axios’

Vue.prototype.$axios=axios//全局注册，使用方法为:this.$axios
普通的给原型链添加方法 每个vue实例都可以使用 是为了.vue结尾文件使用
在js中使用要另外import axios from ‘axios’;
然后查阅 api使用方法
例如

  queryAsynExportList({ state, rootState }, param) { //查询数据集
      return axios.post(rootState.renderEngine + '/asynexport/getAsynExportFlowList', param);
    },

然后.vue中引入该js 就可以调用该方法

...mapActions({
      queryAsynExportList: "AsynExport/queryAsynExportList",

就可以在methods中使用它

 this.queryAsynExportList(param)
        .then(val => {

代表回调成功后使用做成功操作

如果不引用js的axios正常在vue中直接写axios方法

```handlebars
this.$axios({
    url: this.datasetUrl + "/dataAssetAnlyFrame/getDataSetList",
    method: "post",
    data: param,
    headers: {
      "X-UserId": window.sessionStorage.getItem("user_id"),
      "X-SystemId": this.defaultSystemId
    }
  })
    .then(function (response) {
      var data = response.data.respData;
      var tempData = _this.allTablesData;
      if (response.data.respResult == 1 && data && data.length > 0) {
        if (af_id != "") {
          tempData.unshift(data[0]);
          _this.value = data[0].af_id;
        }
        tempData = [...tempData, ...data];
        _this.resetTableData(_this.unique(tempData));
      } else {
        if (af_id == "" && _this.allTablesData.length == 0) {
          _this.start = null;
          _this.$message.error("数据集为空");
        }
      }
    })
    .catch(function (error) {
      _this.$message.error("数据集加载失败");
    });