Vue에서 캡슐화, 도메인 간 구성 요청
import axios from 'axios'
import qs from 'qs'
axios.defaults.timeout = 5000; //
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'; //
axios.defaults.headers.put['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'; //
axios.defaults.baseURL = ''; //
//POST ( )
axios.interceptors.request.use((config) => {
//
if(config.method === 'post'){
config.data = qs.stringify(config.data);
}
return config;
},(error) =>{
console.log(' ')
return Promise.reject(error);
});
//PUT ( )
axios.interceptors.request.use((config) => {
//
if(config.method === 'put'){
config.data = qs.stringify(config.data);
}
return config;
},(error) =>{
console.log(' ')
return Promise.reject(error);
});
// ( )
axios.interceptors.response.use((res) =>{
//
if(!res.data.success){
return Promise.resolve(res);
}
return res;
}, (error) => {
console.log(' ')
return Promise.reject(error);
});
// Promise( post )
export function fetchPost(url, params) {
return new Promise((resolve, reject) => {
axios.post(url, params)
.then(response => {
resolve(response);
}, err => {
reject(err);
})
.catch((error) => {
reject(error)
})
})
}
// Promise( put )
export function fetchPut(url, params) {
return new Promise((resolve, reject) => {
axios.put(url, params)
.then(response => {
resolve(response);
}, err => {
reject(err);
})
.catch((error) => {
reject(error)
})
})
}
// Promise( get )
export function fetchGet(url, param) {
return new Promise((resolve, reject) => {
axios.get(url, {params: param})
.then(response => {
resolve(response)
}, err => {
reject(err)
})
.catch((error) => {
reject(error)
})
})
}
// Promise( delete )
export function fetchDelete(url, param) {
return new Promise((resolve, reject) => {
axios.delete(url, {params: param})
.then(response => {
resolve(response)
}, err => {
reject(err)
})
.catch((error) => {
reject(error)
})
})
}
export default {
fetchPost,
fetchGet,
fetchPut,
fetchDelete
}
도메인 간 구성
module.exports = {
//axios , axios
// baseUrl: '/',
publicPath: '/',
devServer: {
proxy: {
'': {
target: ' IP+ ',
changeOrigin: true,
ws: true,
pathRewrite: {
}
}
}
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.