使用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/, ""),
},
},
}
})