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>

默认值: {}

路径重写规则。可以使用正则表达式进行匹配和替换。

 

posted @ 2023-09-13 11:45  木人子韦一日尘  阅读(592)  评论(0编辑  收藏  举报