vite配置跨域(记录)
根目录找到vite.config.js
或者自建vite.config.js,代码如下:
import { defineConfig } from 'vite' export default defineConfig({ server: { proxy: { '/api': { target: 'http://localhost:3000', changeOrigin: true, rewrite: path => path.replace(/^\/api/, '') } } } })
1. target
类型: string
默认值: undefined
规定请求的地址,可以是一个字符串或一个对象
- target: 'http://localhost:3000' 代理到某个地址
- target: { host: 'localhost', port: 3000 } 代理到某个地址
2. changeOrigin
类型: boolean
默认值: false
是否改变请求来源。如果设置为true,则源URL将作为原始请求头中的Host字段发送。
3. rewrite
类型: (path: string) => string | undefined
默认值: undefined
重写路径。用来重写请求路径,可以通过此选项去除基路径。
4. pathRewrite
类型: Record<string, string>
默认值: {}
路径重写规则。可以使用正则表达式进行匹配和替换。
经过地狱般的磨练,创造出天堂的力量。流过血的手指,弹出世间的绝唱!