需求：

一个项目部署了俩服务器，一个给别人看的，一个是自己开发用的，需要vue3项目中动态获取地址栏url自动匹配请求路径

js代码：

我们找到封装请求的文件夹，一般叫request.js
经过大哥提醒，不建议使用方法一，现在写了一个方法二

//方法一
// 更改请求
const arr = window.location.href.split('/#') //因为我用的是hash路由，不是的话需要自己切割一下哦
const baseURL1 = arr[0]
class Service {
  public service: AxiosInstance
  constructor(
    baseURL: string = baseURL1,
    timeout: number = 5000,
    headers: RawAxiosRequestHeaders | AxiosHeaders | Partial<HeadersDefaults>
  ) {
    // 创建 axios 实例
    // console.log('>>>', baseURL1, baseURL)
    this.service = axios.create({
      baseURL: baseURL1,
      timeout: timeout,
      headers: headers
    })
    //添加拦截器
    this.AddInterceptors()
  }
  .................
  //方法二
  /*
   *还是在request.js文件中，在最下边导出axios实例之前操作这个地址，
   *代码如下：
 */
 // 更改请求
const arr = window.location.href.split('/#')
const baseURL1 = import.meta.env.MODE == 'production' ? arr[0] : import.meta.env.VITE_APP_BASE_API
// 导出 axios 实例
export const BaseService = new Service(baseURL1, 600000, {
  'Content-Type': 'application/json;charset=utf-8'
}).service`