react封装axios并使用
react中使用axios
·
1、安装axios
npm i axios
2、src文件下新建server.js文件
import axios from 'axios'
axios.defaults.baseURL = 'https://127.0.0.1:8000' //根据项目自己更改
axios.interceptors.request.use((config)=>{
//添加请求头
config.headers.AccessToken = window.sessionStorage.getItem("token");
return config;
})
axios.interceptors.response.use(config =>{
return config;
})
const http = {
post:'',
get:'',
put:'',
del:''
}
http.post = function (api, data){
return new Promise((resolve, reject)=>{
axios.post(api,data).then(response=>{
resolve(response)
})
})
}
http.get = function (api, data){
return new Promise((resolve, reject)=>{
axios.get(api,data).then(response=>{
resolve(response)
})
})
}
http.delete = function (api, data){
return new Promise((resolve, reject)=>{
axios.delete(api,data).then(response=>{
resolve(response)
})
})
}
http.put = function (api, data){
return new Promise((resolve, reject)=>{
axios.put(api,data).then(response=>{
resolve(response)
})
})
}
export default http
3、页面中使用
import http from "../../server";
function LoginBtn() {
let data={
company: 'xxxxx',
username: "xxxxx",
password: "xxxxx",
rememberMe: false,
}
//以post为例
http.post('/login',data).then(res=>{
console.log(res)
})
}
更多推荐
已为社区贡献4条内容
所有评论(0)