目录
一、用CRA创建
在src下创建setupProxy.js
const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function(app) {
app.use(
'/api',
createProxyMiddleware({
target: 'http://localhost:3001',
changeOrigin: true,
})
);
};
二、用vite创建
在配置文件中加入server项
vite.config.ts
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
resolve: {
alias: {
'@': path.resolve(__dirname, './src')
}
},
// 代理配置
server: {
proxy: {
// 指定代理所有/api请求
'/api': {
// 代理请求之后的请求地址
target: 'http://127.0.0.1:3001',
// 跨域
changeOrigin: true
}
}
}
})