vue axios发送请求-蒲公英云

vue axios发送请求

baseData.js

if (location.href.includes("baidu")) {
  apiBaseUrl = 'https://www.baidu.com';
} else {
  apiBaseUrl = 'https://baidutest.com';
}
export const baseData = {
  apiBaseUrl: apiBaseUrl,
  editArticleUrl: editArticleUrl,
};

http.js

import axios from "axios";
import { baseData } from "./baseData";
let httpService = axios.create({
  baseURL: baseData.apiBaseUrl,
  timeout: 20000,
});
httpService.defaults.headers.common["Content-Type"] =
  "application/x-www-form-urlencoded";
export default httpService;

util.js

function getParams2(params) {
  let p
  if(location.href.includes('192.168')) {
    p = {...params, from_mims: 384736}
  }else {
    p = params
  }
  //参数转化
  let form = new FormData();
  Object.keys(p).forEach((key) => {
    form.append(key, p[key]);
  });
  return form;
}

store/index.js

import Vue from "vue";
import Vuex from "vuex";
import http from "@/utils/http";
import { getParams2 } from "@/utils/utils";
Vue.use(Vuex);
export default new Vuex.Store({
  state: {},
  getters: {},
  mutations: {},
  actions: {
    getHotWord({ commit }, data) { 
      http.post("/pc/creator/hotword", getParams2(data.params)).then((res) => {
          data.cb(res.data);
        }).catch((err) => {console.error(err, commit);});
    },
   }
}

在vue组件里使用：index.vue

methods: {
    ...mapActions(["getHotWord"]),
    hotWordGet() {
      this.getHotWord({
        params: {},
        cb: (res) => {
          if (res.return_code == 200) {
            this.hotSearchWords = res.return_data;
          } else {
            ///错误处理
            }
        },
      });
    }
}