解决冲突

src/utils/axiosConfig.js

@@ -4,9 +4,8 @@ import {getToken} from '@/token/auth' // 注意这里使用了解构赋值来导
 
 // 创建axios实例
 const service = axios.create({
-  // baseURL: 'http://47.122.59.26:8080/api', 
-  // baseURL: 'http://10.205.10.22:8081/loveforest/api/',
-  // baseURL: 'http://10.133.13.52:8082/loveforest',
+  // 去vue.config.js文件改baseurl！！
+  baseURL: '/api',  // 注意！！ 这里全局统一加上了 '/api' 前缀，但是vue.config.js文件在发送请求时去掉了/api，所以页面的请求接口若有/api还是要携带/api
   timeout: 5000, // 请求超时时间
 });
 
@@ -14,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) {
@@ -25,7 +24,7 @@ service.interceptors.request.use(
     return config;
   },
   error => {
-    // 对请求错误做些什么
+    // 请求错误
     console.error('Request Error:', error);
     return Promise.reject(error);
   }
@@ -34,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);
   }
 );

vue.config.js

@@ -5,30 +5,12 @@ module.exports = defineConfig({
     port: 8080,
     https: false,
     proxy:{
-      //登录接口
-      '/auth/login':{
-        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
-        changeOrigin : true,
-      },
-      //获取好友列表接口
-      '/relationships':{
-        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
-        changeOrigin : true
-      },
-      //获取相应的聊天记录的接口
-      '/messages/chat':{
-        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
-        changeOrigin : true
-      },
-      //保存聊天的一条消息接口
-      '/messages/send':{
-        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
-        changeOrigin : true
-      },
-      //新消息是否被已读的接口
-      '/messages/mark-as-read':{
-        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
-        changeOrigin : true
+      '/api': {              //设置拦截器  拦截器格式   斜杠+拦截器名字，名字可以自己定
+          target: 'http://47.122.59.26:8083',     //代理的目标地址
+          changeOrigin: true,              //是否设置同源，输入是的
+          pathRewrite: {                   //路径重写
+              '^/api': ''                     //选择忽略拦截器里面的内容
+          }
       }
     }
   },