vue中单独引入axios调用后端接口

batch-import.js

import axios from 'axios';
import baseURL from '@server/configs/baseUrl';

axios.defaults.withCredentials = true;

// axios.interceptors.request.use(
//   config => config,
//   err => Promise.resolve(err)
// );

axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
function parseJSON(response) {
  return response;
}

export default function request(options) {
  return axios(options)
    // .then(checkStatus)
    .then(parseJSON);
}

// 因为封装的方法不支持'Content-Type': 'multipart/form-data', 所以这块单独写接口
export function post(url, data) {
  return request({
    url,
    data,
    method: 'post',
    timeout: 480000,
    withCredentials: true,
    headers: {
      'Content-Type': 'multipart/form-data',
    }
  });
}

// 这里需要根据不同环境改代码
// const basePath = 'http://localhost:4000/api/v1';
// dev环境
// dev01v.yzsnc.bjzt.qianxin-inc.cn
// 测试环境
// dev02v.yzsnc.bjzt.qianxin-inc.cn
// const basePath = 'https://dev01v.yzsnc.bjzt.qianxin-inc.cn/api/v1';
// const host = window.location.host; // 域名 + 端口
// const protocol = window.location.protocol; // 协议
// console.log(`${protocol}//${host}/api/v1`);
// 根路径 const basePath = ${protocol}//${host}/api/v1;
console.log(${baseURL}) // api/v1
export async function addAccounts(ldapId, params) {
  return post(`${baseURL}/${ldapId}/account/addBatch`, params);
}

export async function deleteAccounts(ldapId, params) {
  return post(`${baseURL}/${ldapId}/account/deleteBatch`, params);
}

import { deleteAccounts } from './batch-import';
 // excel批量删除
    async batchDelete() {
      const ldapId = this.ldapId;
      const payload = new FormData();
      payload.append('file', this.currentFile);
      payload.append('ldapId', this.ldapId);
      try {
        const Data = await deleteAccounts(ldapId, payload);
        if (!Data) return;
        if (Data.status === 200) {
          this.$message.success('创建成功');
          this.dialog.visible = false;
          this.$router.push({ name: 'accountManageList' });
        }
      } catch (error) {
        this.dialog.visible = false;
        this.$message.error(error.message);
      }
    },