Vite
配置跨域代理
修改vite.config.js
文件
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
server: {
proxy: {
'/api': {
target: 'http://url:port',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, '')
}
}
}
})
server中的proxy就是配置的代理
例如:
axios({
method: 'get',
url: '/api/user/login'
})
这个请求就会被发送去http://url:port/user/login
rewrite
的作用就是将axios
请求地址的/api
去掉,如果不需要去掉api
的话,不写rewrite
就行。