Vue+API请求封装终极版

一、request.js/index.js文件定义

import axios from 'axios'

二、main.js文件定义

import axios from 'axios'
Vue.prototype.axios = axios;

三、api.js文件定义

export default  {
    myApiName :"localhost:8080/myApiName"; // 网络接口定义
}

四、methods.js文件定义

import Api from './api'
import axios from './request'
const myApiName = (params={ }) => {
    return axios.post(Api.myApiName.params)
}

export default{
    myApiName
}

五、page页面定义

let params = { }
this.myApiName(params).then(res=>{
    if(res.code == "201"){
        console.log(res.body)
    }
})