vue项目配置可以让用户自己动态修改baseURL

vue项目配置可以让用户自己动态修改baseURL

• 修改baseurl保存到localStorage

localStorage.setItem('base_url', 'http://192.168.1.111:8080')

• 配置request.js

// src/utils/request.js
import axios from 'axios';

const service = axios.create({
  // 此处不设置 baseURL，留空
  timeout: 5000
});

// 请求拦截器：动态设置 baseURL
service.interceptors.request.use(
  (config) => {
    // 每次请求前，从 localStorage 中获取最新的 baseURL
    config.baseURL = localStorage.getItem('base_url') || 'http://192.168.1.10:8080';
    return config;
  },
  (error) => Promise.reject(error)
);

// 响应拦截器...（保持不变）

export default service;