export default defineConfig({
  plugins: [vue()],
  server: {
    open: true, //自動打開瀏覽器
    host: "0.0.0.0",
    port: 8989,
    // 設(shè)置反向代理，跨域
    proxy: {
      '/get': {
        // 后臺地址
        target: 'https://xxx.xxx.xxx.x:8080', //填寫后臺真實地址
        changeOrigin: true,
        // 訪問https的接口，需要加secure
        secure: false,
        rewrite: path => path.replace(/^\/get/, '')
      },
      '/api': {
        // 后臺地址
        target: 'https://xxx.xxx.xxx.x:8080', //填寫后臺真實地址
        changeOrigin: true,
        // 訪問https的接口，需要加secure
        secure: false,
        rewrite: path => path.replace(/^\/api/, '')
      },
    
})

// axiosInstance.js
import axios from "axios";
import { getToken } from "/src/utils/auth";

// 創(chuàng)建一個 Axios 實例
const API = axios.create({
  timeout: 60000, // 請求超時設(shè)置，單位ms
});

// 請求攔截器
API.interceptors.request.use(
  (config) => {
    // 動態(tài)設(shè)置 baseURL
    if (config.url.startsWith('/get')) {
      config.baseURL = '/get';
    } else {
      config.baseURL = '/api';
    }

    // 將 token 添加到請求頭中
    config.headers["token"] = getToken();
    
    return config;
  },
  (error) => {
    // 請求錯誤處理
    console.log(error); // 調(diào)試
    return Promise.reject(error);
  }
);

export default API;

import API from './axiosInstance';

// 請求使用 baseURL 為 /get
API.get('/get/user/login').then(res => {
  console.log(res.data);
});

// 請求使用 baseURL 為 /api
API.get('/api/admin/login').then(res => {
  console.log(res.data);
});