Vue3 跨域配置失效了？如何排查问题？

.env

api_url=http://172.16.101.103:5000

config.ts

import { proxy } from 'vue-router';
import { createProxyMiddleware } from 'http-proxy-middleware';

const serverProxy = createProxyMiddleware({
  target: process.env.API_URL,
  changeOrigin: true,
  pathRewrite: {
    '^/interface': '/'
  }
});

export const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  base: import.meta.env.VITE_BASE,
  routes,
  scrollBehavior,
  middleware: 'server-middleware'
});

router.beforeEach((to, from, next) => {
  if (to.meta.middleware) {
    const middleware = router.getMiddleware(to.meta.middleware);
    if (!middleware) {
      return next();
    }
    const ctx: MiddlewareContext = { from, next, router };
    middleware.call(to.meta.middleware, ctx);
  } else {
    next();
  }
});

router.use(async (ctx, next) => {
  await serverProxy(ctx.res, ctx.req, next);
});