import axios, { AxiosRequestConfig,InternalAxiosRequestConfig, AxiosResponse } from 'axios'; import { ElMessage, ElMessageBox } from 'element-plus'; import { getToken } from '@/utils/auth'; import { useUserStoreHook } from '@/store/modules/user'; // 创建 axios 实例 const service = axios...
{ 'Content-Type': 'application/json;charset=utf-8' } }); // 请求拦截器 service.interceptors.request.use( (config: AxiosRequestConfig) => { if (!config.headers) { throw new Error( `好像没有请求头哦` ); } // 这里是从vuex或者pinia中拿到token, 并且放到请求头中 const { user } = use...
service——index.ts (文件夹的出口文件,一般都命名为index.ts) ——request ——config.ts(axios的一些基础配置) ——index.ts (经行封装的文件) ——type.ts(类型文件) 3.request中config.ts的配置 在config.ts文件中,主要配置baseurl和timeout等一些axios的基础属性,和不同环境下baseurl地址。 let BASE_...
)exportdefaultservice 三,使用axios发送请求 在src目录下新建一个apis文件夹,这里面放入今后所有的请求文件,例如新建一个请求用户信息的接口user.ts,代码如下: importservicefrom'./request.js'exportfunctionfetchList(query) {returnservice({url:'/user/list',method:'get',params: query }) }exportfunctionupdate...
cnpm install axios --save-dev; // 安装axios cnpm install qs --save-dev; // 安装qs模块,用来序列化post类型的数据,否则后端无法接收到数据 模块引入 在src目录下创建一个service目录,用于存放接口封装的相关文件。然后在service目录中创建service.js,用于axios、qs模块的引入,并在此文件中对axios进行封装。代...
serviceAxios.interceptors.response.use( (res) =>{ letdata = res.data; // 处理自己的业务逻辑,比如判断 token 是否过期等等 // 代码块 returndata; }, (error) =>{ letmessage =""; if(error && error.response) { switch(error.response.status) { ...
const service = axios.create({ // baseURL 需要设置为反向代理前缀,不能设置绝对路径URL baseURL: config.baseUrl, timeout: 5000, withCredentials: false, headers: {'X-Custom-Header': 'zuiyu'} }) service.defaults.headers.common['Authorization'] = "AUTH_TOKEN"; ...
import axios from "axios"//引入axiosimport qs from "qs"//这个是axios里面的模块,用于序列化参数的。 看情况使用哦import { getToken } from "./auth"//获取到token//创建一个axios实例const service =axios.create({ baseURL: process.env.VUE_APP_URL, ...
{ // axios中请求配置有baseURL选项,表示请求URL公共部分 baseURL: process.env.VUE_APP_BASE_API, // 超时 timeout: 120000});// request拦截器service.interceptors.request.use( config => { // 是否需要设置 token const isToken = (config.headers || {}).isToken === false; if (getToken...