import axios from 'axios' import {ElNotification} from "element-plus"; import {ElMessage} from "element-plus"; const request = axios.create({ baseURL: 'http://localhost:9090/', // 注意!! 这里是全局统一加上了 后端接口前缀 前缀,后端必须进行跨域配置! timeout: 5000 }) // request 拦截器 // 可以自请求发送前对请求做一些处理 // 比如统一加token,对请求参数统一加密 request.interceptors.request.use(config => { config.headers['Content-Type'] = 'application/json;charset=utf-8'; // config.headers['token'] = user.token; // 设置请求头 return config }, error => { return Promise.reject(error) }); // response 拦截器 // 可以在接口响应后统一处理结果 request.interceptors.response.use( response => { let res = response.data; // 如果是返回的文件 if (response.config.responseType === 'blob') { return res } // 兼容服务端返回的字符串数据 if (typeof res === '
页面跳转——跨域配置
最新推荐文章于 2024-08-24 07:00:00 发布
本文介绍了如何使用axios库进行前端跨域配置。通过设置axios的基础URL以包含后端接口前缀,并配置请求拦截器,确保请求头正确。同时,响应拦截器用于处理返回的数据,包括错误提示和兼容性处理。
摘要由CSDN通过智能技术生成