vue 请求拦截器里面配置url

Vue 中的请求拦截器通常用于统一处理网络请求的行为，包括设置默认的 headers、认证信息，以及在发送请求前或失败后的操作等。如果你想要在 Vue 的 Axios 或者 Vue Router 的拦截器里配置 URL，你可以这样做：

1. 对于 Axios（基于 Promise 的 HTTP 库）：

import axios from 'axios';
const instance = axios.create({
  baseURL: '你的API基础URL', // 这里可以配置默认的 URL
  // 其他配置...
});

instance.interceptors.request.use(
  (config) => {
    // 如果需要修改配置中的 URL，可以在这里添加或替换
    if (process.env.NODE_ENV === 'development') {
      config.url = `${config.url}?dev=1`;
    }
    return config;
  },
  (error) => {
    // 处理错误...
    return Promise.reject(error);
  }
);

// 现在所有的 Axios 请求都会通过这个配置好的实例发送
export default instance;

2. 对于 Vue Router 的全局守卫（如 `beforeEach`）：

router.beforeEach((to, from, next) => {
  const url = to.fullPath; // 获取完整的路由路径
  // 在这里可以根据 URL 执行一些操作，例如登录验证或添加公共参数
  // ...
  next(); // 继续执行路由
});