vue axios get pust put delete 패키지 의 인 스 턴 스 코드
axios.js
import axios from 'axios';
import Qs from 'qs';
import {Message} from 'element-ui';
axios.defaults.baseURL = "/api";
//
axios.defaults.timeout = 30000;
// post
axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';
//
axios.interceptors.request.use(config => {
// token
return config;
}, error => {
//
Message.error({message: ' !'})
return Promise.error(error);
})
//
axios.interceptors.response.use(response => {
//
return response;
}, error => {
//
return Promise.reject(error);
});
// get post
/**
* get , get
* @param {String} url [ url ]
* @param {Object} params [ ]
*/
export function get(url, params) {
return new Promise((resolve, reject) => {
axios.get(url, {
params: params
}).then(res => {
resolve(res.data);
// Loading.service(true).close();
// Message({message: ' ', type: 'success'});
}).catch(err => {
reject(err.data)
// Loading.service(true).close();
Message({message: ' ', type: 'error'});
})
});
}
/**
* post , post
* @param {String} url [ url ]
* @param {Object} params [ ]
*/
export function post(url, params) {
return new Promise((resolve, reject) => {
axios.post(url, params)
.then(res => {
resolve(res.data);
// Loading.service(true).close();
// Message({message: ' ', type: 'success'});
})
.catch(err => {
reject(err.data)
// Loading.service(true).close();
Message({message: ' ', type: 'error'});
})
});
}
/**
* post ,
* @param {String} url [ url ]
* @param {Object} params [ ]
*/
export function qspost(url, params) {
return new Promise((resolve, reject) => {
axios.post(url, Qs.stringify(params))
.then(res => {
resolve(res.data);
// Loading.service(true).close();
// Message({message: ' ', type: 'success'});
})
.catch(err => {
reject(err.data)
// Loading.service(true).close();
Message({message: ' ', type: 'error'});
})
});
}
/**
* put , put
* @param {String} url [ url ]
* @param {Object} params [ ]
*/
export function put(url, params) {
return new Promise((resolve, reject) => {
axios.put(url, params)
.then(res => {
resolve(res.data);
// Loading.service(true).close();
// Message({message: ' ', type: 'success'});
})
.catch(err => {
reject(err.data)
// Loading.service(true).close();
Message({message: ' ', type: 'error'});
})
});
}
/**
* delete
* @param {String} url [ url ]
* @param {Object} params [ ]
*/
export function deletefn(url, params) {
return new Promise((resolve, reject) => {
axios.delete(url, params)
.then(res => {
resolve(res.data);
// Loading.service(true).close();
// Message({message: ' ', type: 'success'});
})
.catch(err => {
reject(err.data)
// Loading.service(true).close();
Message({message: ' ', type: 'error'});
})
});
}
brand.js
import { get,post,qspost,put,deletefn } from '../../utils/axios/axios'
export const getBrandList = data => post("/item/brand/list",data)
export const addBrand = data =>post("/item/brand",data);
Brand.vue
import {getBrandList,addBrand} from "../../api/item/brand";
이상 은 이번에 소개 한 모든 관련 지식 입 니 다.여러분 의 학습 과 저희 에 대한 지지 에 감 사 드 립 니 다.
이상 은 모든 인 스 턴 스 코드 입 니 다.여러분 의 학습 과 저희 에 대한 지원 에 감 사 드 립 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
vue axios get pust put delete 패키지 의 인 스 턴 스 코드axios.js brand.js Brand.vue 이상 은 이번에 소개 한 모든 관련 지식 입 니 다.여러분 의 학습 과 저희 에 대한 지지 에 감 사 드 립 니 다. 이상 은 모든 인 스 턴 스 코드 입 니 다.여...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.