(1) Créez un nouveau dossier http sous src et créez un nouveau index.js sous le dossier
(2) Introduisez axios dans le fichier index.js
(3) Écrivez l'instance axios et l'intercepteur dans index.js
Contenu spécifique :
importer des axios depuis 'axios'
// crée une instance axios
const service = axios.create({
baseURL : ' https://service-c281p5uq-1306002440.hk.apigw.tencentcs.com ', // préfixe faisant partie de toutes les adresses de requête
timeout : 60000, // Délai d'expiration de la demande en millisecondes
// withCredentials : true, // Les requêtes asynchrones transportent des cookies
en-têtes : {
// Définit le type de paramètre requis par le backend
'Type de contenu' : 'application/json',
// 'jeton' : 'votre jeton',
'X-Requested-With' : 'XMLHttpRequest',
},
})
// ajoute un intercepteur de requête
service.interceptors.request.use(
fonction (configuration) {
// fait quelque chose avant d'envoyer la requête
retourner la configuration
},
fonction (erreur) {
// faire quelque chose à propos des erreurs de requête
// console.log(erreur)
retourner Promise.reject (erreur)
}
)
// ajoute un intercepteur de réponse
service.interceptors.response.use(
fonction (réponse) {
// fait quelque chose avec les données de réponse
réponse de retour ;
},
fonction (erreur) {
// 对响应错误做点什么
return Promise.reject(error);
}
)
export default service
（4）又在src目录下新建一个文件夹apis，文件夹里面新建一个index.js文件
这里面是写具体的请求方法，引入之前在http文件夹下的index.js文件
具体内容：
import API from '../http/index'
/* banner(轮播图)数据 */
function postBanner(type1) {
return API.post(`/banner?type=${type1}`).then((res) => {
return res.data.banners;
})
}
/* 二维码key生成接口 */
function getErWeiMaKey() {
return API.get(`/login/qr/key?timerstamp=${Date.now()}`)
}
/* 二维码生成接口 */
function getErWeiMa(key) {
return API.get(`/login/qr/create?key=${key}&qrimg=true&timerstamp=${Date.now()}`)
}
/* 二维码登录状态 */
function getErWeiMaStatus(key) {
// console.log(key)
return API.get(`/login/qr/check?key=${key}&qrimg=true&timerstamp=${Date.now()}`)
}
/* 用户登录状态 */
function loginStatus() {
return API.post(`/login/status?timerstamp=${Date.now()}`).then((res) => {
retourner res.data
})
}
/* se déconnecter*/
fonction déconnexion() {
return API.get('/logout').then((res) => {
retourner res.data
})
}
exporter { postBanner, getErWeiMaKey, getErWeiMa, getErWeiMaStatus, loginStatus }
(5) Introduire la méthode requise dans la page vue