Vue3 TS语法前端配置代理解决跨域问题

在vite.config.ts 中：

export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  server: {
// 跨域的写法
    proxy: {
      '/api': {
        target: 'http://localhost:9999/', // 实际请求地址
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ""),
       //会把请求时的/api替换成http://localhost:9999/
      },
    },
  },
})