▼ 머리말 :
Params와 데이터의 차이점 :
GET요청 된 매개 변수는 모두 URL서버 에 있고 http 본문 의 데이터는 읽히지 않으므로 전달하는 것은 Params의 요청 매개 변수입니다.
서버가 http 본문의 데이터를 읽도록하려면 POST요청 을 사용해야 하며 POST 요청의 매개 변수는 본문에 저장됩니다.
요약 사용 방법은 다음과 같습니다.
get方法用params，post方法用data。
Promise비동기 요청의 두 가지 매개 변수 : resolve성공적인 콜백 함수, reject실패한 콜백 함수
▼ 단계별 참조
요청을 받다
let get = function (url, data) {
return new Promise((resolve, reject) => {
axios.get(url, {
params: data
}).then((res) => {
// 请求成功返回后台数据
resolve(res.data)
}).catch((error) => {
reject(error)
})
})
}
포스트 요청
let post = function (url, data) {
return new Promise((resolve, reject) => {
// qs.stringify()将对象 序列化成URL的形式
axios.post(url, qs.stringify(data)).then((res) => {
// 请求成功返回后台数据
resolve(res.data)
}).catch((error) => {
reject(error)
})
})
}
▼ 단계별 참조
우편 수신 요청으로 보낼 수있는 요청
let request = function (url, method = 'GET', data = {
}) {
return new Promise((resolve, reject) => {
axios({
url: url,
method: method,
// post
data: qs.stringify(data),
// get
params: data
}).then((res) => {
// 请求成功返回后台数据
resolve(res.data)
}).catch((error) => {
reject(error)
})
})
}
콘텐츠 패키징을 완료 한 후 파일에서 함수를 내 보내야합니다.
export {
request,
get,
post
}
이전main.js전 세계적으로 주입 에 파일 :
// 封装axios primary
import axios from 'axios'
import {
api } from './api'
import qs from 'qs'
// 默认的地址
axios.defaults.baseURL = api
이 시점에서 우리는 vue 페이지에서 위의 api에서 내 보낸 여러 네트워크 요청 메소드를 자유롭게 호출 할 수 있습니다!