vite.config.ts

import { fileURLToPath, URL } from "node:url";

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url))
    }
  },
  server: {
    // 指定端口，vite默认 5173
    port: 5173,
    // 指定服务器监听的 IP 地址，如果将此设置为 0.0.0.0 或者 true 将监听所有地址
    host: "0.0.0.0",
    proxy: {
      // 【代理1】获取路径中包含有 /api 的请求
      "/api": {
        // 后台服务所在的源
        target: "http://localhost:8080",
        // 修改源
        changeOrigin: true,
        // 将 api 替换为 ''
        rewrite: (path) => path.replace(/^\/api/, "")
      },
      // 【代理2】获取路径中包含有 /apu 的请求，【上传数据】用于前端网面对外请求发送数据
      "/apu": {
        // 后台服务所在的源
        target: "http://localhost:8081",
        // 修改源
        changeOrigin: true,
        // 将 apu 替换为 ''
        rewrite: (path) => path.replace(/^\/apu/, "")
      }
    }
  }
});