封装axios的接口请求数据方法

lib文件夹中http.js文件的内容

包含了数据请求，路由的拦截，同时向外界暴露的是一个方法，方法内有三个参数，分别为请求的方式，地址，数据

import axios from 'axios';
import qs from 'qs';

const server=axios.create({
    timeout:5000,
    withCredentials:true
})

server.interceptors.request.use((config)=>{
    if(config.method.toUpperCase()=="GET"){
        config.params={...config.data}
    }else if(config.method.toUpperCase()=="POST"){
        config.headers["content-type"] = "appliaction/x-www-form-urlencoded";
        config.data=qs.stringify(config.data);
    }
    vm.handlemount();
    return config;
},(err)=>{
    Promise.reject(err);
})


server.interceptors.response.use((res)=>{
    if(res.statusText=="OK"){
        vm.handleDestory();
        return res.data
    }
},(err)=>{
    Promise.reject(err);
})


export default (method,url,data={})=>{
    if(method.toUpperCase()=="GET"){
        return server.get(url,{
            params:data
        })
    }else if(method.toUpperCase()=="POST"){
        return server.post(url,data);
    }
}

数据请求

http("get", "/client/v1/goods/newactivityTemplate?aTId=130").then(data => {

    })    

上面方法可以进行封装

API文件中movie.js文件中的内容为

import http from "utils/http.js"


export const city_api = ()=>http("get","/api/cityList")

export const movie_coming_api = (cityId=10)=>http("get","/api/movieComingList",{cityId:cityId})

在请求接口数据的时候的代码为

import {city_api} from "api/movie"

 
 async created() {
    if(!sessionStorage.getItem("comingList")){
         let data = await movie_coming_api(this.cityId); 
         this.comingList = data.data.comingList;
         sessionStorage.setItem("comingList",JSON.stringify(data.data.comingList))
    }
   
    
  },




    async handleGetCityAction({commit}){
        let data = await city_api();    
       
        commit("handleGetCityMutation",data.data.cities)
    }