vue设置代理不起作用

[NEUQer-xing]

<template>
</template>

<script setup lang="ts">
// App.vue
  import axios from 'axios'
import { onMounted } from 'vue';
  onMounted(() => {
    test()
  })
  function test() {
    axios.get('/foo/1').then(res => {
      alert(res.data)
    })
    axios.get('/test/2').then(res => {
      alert(res.data)
    })
  }
</script>

// vite.config.js
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: {
    proxy: {
      '/foo': 'http://127.0.0.1:4567/foo',
      '/test': {
        target: 'http://jsonplaceholder.typicode.com',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, '')
      }
    },
  }
})

[chenxch]

Please go to the vite repository to ask this question.

[NEUQer-xing]

thank you