VUE 는 Axios 와 패 키 징 을 사용 합 니 다 (간결 하고 뚜렷 합 니 다)
14939 단어 전단
yarn add axios
npm install axios -S
src 에서 request / http. js 만 들 기
import axios from 'axios';
import {Toast} from 'vant';
//
const instance = axios.create({
baseURL: "http://localhost:8080",
timeout: 10000,
});
//
instance.interceptors.request.use(
config => {
//
return config;
}, err => {
//
return err;
}
);
//
instance.interceptors.response.use(
res => {
//
return res;
}, err => {
//
return err;
}
);
// get
export const get = (url, params) => {
return new Promise((resolve, reject) => {
instance.get(url, {
params: params
})
.then(res => resolve(res))
.catch(err => reject(err))
})
}
// post
export const post = (url, data) => {
return new Promise((resolve, reject) => {
instance.post(url, data)
.then(res => resolve(res))
.catch(err => reject(err))
})
}
// put
export const put = (url, data) => {
return new Promise((resolve, reject) => {
instance.put(url, data)
.then(res => resolve(res))
.catch(err => reject(err))
})
}
// delete
export const del = (url, params) => {
return new Promise((resolve, reject) => {
instance.delete(url, {
params: params
})
.then(res => resolve(res))
.catch(err => reject(err))
})
}
src 에서 request / api. js 만 들 기
import {get, post, put, del} from "./http";
// get
export const get= params => get("/api/get", params);
// post
export const post = data => post("/api/post", data);
// put
export const put= data => put("/api/put", data);
// del
export const del= params=> del("/api/del", params);
main. js 마 운 트 전역 도입
import *as api from './request/api';
Vue.prototype.$api = api;
index. vue 구성 요소 호출
created() {
// get
this.$api.get().then(res => console.log(res))
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
전단 자동화 워 크 플 로 의 hooks예 를 들 어 우 리 는 git commt 전에 eslint 코드 검사, npm install 전에 프로젝트 의존 도 를 검사 하고 싶 습 니 다.전형 적 인 상황 에서 각종 도 구 는 특정한 동작 이 발생 할 때 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.