vite构建react项目配置代理

使用vite构建vue项目和react项目,配置代理等信息的方式是一样的

在vite.config.js中加入以下代码 (针对react,可全选替换)

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { fileURLToPath, URL } from "node:url";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url)),
    },
  },
  base: "./",
  server: {
    host: "localhost",
    open: true,
    port: 3000,
    proxy: {
      "/myDouyu": {
        target: "http://open.douyucdn.cn/api/RoomApi",
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/myDouyu/, ""),
      },
    },
  }
})