From ca3c0fc5fe01ef6a9904fa1867b3e91beaa771de Mon Sep 17 00:00:00 2001 From: helloworld180 <1678854362@qq.com> Date: Tue, 17 Dec 2024 21:59:10 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9axiosConfig=E6=96=87=E4=BB=B6?= =?UTF-8?q?=E5=92=8Cvue.config.js=E6=96=87=E4=BB=B6=EF=BC=8C=E5=AF=B9?= =?UTF-8?q?=E6=8E=A5=E6=97=B6import=E5=89=8D=E8=80=85=E6=96=87=E4=BB=B6?= =?UTF-8?q?=EF=BC=8C=E6=AF=8F=E4=B8=AA=E6=8E=A5=E5=8F=A3=E4=B8=8D=E7=94=A8?= =?UTF-8?q?=E5=86=99http=E5=89=8D=E7=BC=80=E5=92=8C=E8=AF=B7=E6=B1=82?= =?UTF-8?q?=E5=A4=B4=EF=BC=8Cbaseurl=E5=9C=A8vue.config.js=E6=96=87?= =?UTF-8?q?=E4=BB=B6=E9=87=8C=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/utils/axiosConfig.js | 30 +++++------------------------- vue.config.js | 11 +++++++---- 2 files changed, 12 insertions(+), 29 deletions(-) diff --git a/src/utils/axiosConfig.js b/src/utils/axiosConfig.js index 914655c3..be0c8bbe 100644 --- a/src/utils/axiosConfig.js +++ b/src/utils/axiosConfig.js @@ -4,8 +4,8 @@ import {getToken} from '@/token/auth' // 注意这里使用了解构赋值来导 // 创建axios实例 const service = axios.create({ - // baseURL: 'http://47.122.59.26:8080/api', // 配置基础URL 如果服务器域名发生变化统一可以去.env文件修改 - baseURL: 'http://10.133.6.46:8082/loveforest', + // 去vue.config.js文件改baseurl！！ + baseURL: '/api', // 注意！！ 这里全局统一加上了 '/api' 前缀，但是vue.config.js文件在发送请求时去掉了/api，所以页面的请求接口若有/api还是要携带/api timeout: 5000, // 请求超时时间 }); @@ -13,7 +13,7 @@ const service = axios.create({ service.interceptors.request.use( config => { // 在发送请求之前做些什么 - const token = getToken(); // 获取token的方式取决于你的应用 + const token = getToken(); // 获取token // console.log('请求拦截器的token是：' +token) console.log('Request Config:', config); if (token) { @@ -24,7 +24,7 @@ service.interceptors.request.use( return config; }, error => { - // 对请求错误做些什么 + // 请求错误 console.error('Request Error:', error); return Promise.reject(error); } @@ -33,32 +33,12 @@ service.interceptors.request.use( //响应拦截器 service.interceptors.response.use( response => { - // 对响应数据做点什么 - // ！！！注意！！！这里返回已经包含data const res = response.data; - // 你可以根据实际情况在这里添加一些通用的响应处理逻辑 - // 例如，根据返回的状态码判断请求是否成功 - // if (res.code !== 200) { - // 业务错误处理，比如弹窗提示等 - // return Promise.reject(new Error(res.message || 'Error')); - // } else { console.log(res) return res; - // } }, error => { - // 对响应错误做点什么 - // if (error.response) { - // 请求已发出，但服务器响应的状态码不在2xx的范围 - // console.error('Error status:', error.response.status); - // console.error('Error data:', error.response.data); - // } else if (error.request) { - // 请求已发出，但没有收到响应 - // console.error('Error request:', error.request); - // } else { - // 在设置请求时触发错误 - console.error('响应拦截器errorMessage:', error.message); - // } + console.error('响应拦截器errorMessage:', error.message); return Promise.reject(error); } ); diff --git a/vue.config.js b/vue.config.js index 2dc5ff8b..1dcd0a64 100644 --- a/vue.config.js +++ b/vue.config.js @@ -5,10 +5,13 @@ module.exports = defineConfig({ port: 8080, https: false, proxy:{ - '/auth/login':{ - target : 'https://911fb0525ms3.vicp.fun/loveforest/api', - changeOrigin : true, - }, + '/api': { //设置拦截器 拦截器格式 斜杠+拦截器名字，名字可以自己定 + target: 'http://47.122.59.26:8083', //代理的目标地址 + changeOrigin: true, //是否设置同源，输入是的 + pathRewrite: { //路径重写 + '^/api': '' //选择忽略拦截器里面的内容 + } + } } }, transpileDependencies: true