BaseUrl
// src/http/BaseUrl.js
const BASEURL_ENV = { // 封装基础路径前缀的对象
// 封装开发环境下的所有URL资源前缀
DEV : {
BMDURL: 'http://localhost:3010',
UPLOADURL: 'http://localhost:9000'
},
// 封装生产环境下的所有URL资源前缀
PRO : {
BMDURL: 'https://web.codeboy.com/bmdapi',
UPLOADURL: 'https://web.codeboy.com/bmduploadapi'
}
}
// 在此处选择一个URL环境导出即可
export default BASEURL_ENV.DEV
index(举例)
// src/http/index.js
import actorApi from "./apis/ActorApi";
import directorApi from "./apis/DirectorApi";
import movieApi from "./apis/MovieApi";
import cinemaApi from "./apis/CinemaApi";
const httpApi = { // 封装http接口
actorApi,
directorApi,
movieApi,
cinemaApi
}
export default httpApi;
MyAxios(可以一直用的)
import axios from 'axios'
// qs模块可以将对象转换为查询字符串
import qs from 'qs'
// 创建axios实例
const instance = axios.create()
const myaxios = {
/**
* 基于 axios 发送 get 请求,返回 Promise 对象。
* @param {String} url 请求资源路径
* @param {Object} params 请求参数
*/
get(url, params){
return instance({ url, params, method: 'GET'})
},
/**
* 基于axios发送post请求
* @param {String} url 请求资源路径
* @param {Object} params 请求参数 {page:1, pagesize:20}
*/
post(url, params){
// qs模块,可以将params转换成查询字符串
// {page:1, pagesize:20} ==> page=1&pagesize=20
return instance({
url,
data: qs.stringify(params),
method: 'POST'
})
}
}
export default myaxios