如何设置mock 接口支持跨域？或如何 全局设置 mockConfig

[pengzhanbo]

如何设置mock 接口支持跨域？或如何 全局设置 mockConfig

[pengzhanbo]

可以使用createDefineMock 实现。

// mock/shared.ts
import { createDefineMock } from 'vite-plugin-mock-dev-server'

export const defineCorsMock = createDefineMock((mock) => {
  const headers = mock.headers || {}
  mock.headers = {
    'access-control-allow-credentials': 'true',
    'access-control-allow-origin': '*',
    'access-control-allow-headers': 'X-Requested-With,Content-Type',
    'access-control-allow-methods': '*',
    ...headers,
  }
  return mock
})

// mock/api.mock.ts
import { defineCorsMock } from './shared'

export default defineCorsMock({
  url: '/api/cors'
})

createDefineMock(transformer) 可以实现一个自定义的 mock 转换方法，并返回一个 与 defineMock 相同使用方法的函数。

[van-chin]

createDefineMock(transformer) 可以实现一个自定义的 mock 转换方法，并返回一个 与 defineMock 相同使用方法的函数。

感谢

[pengzhanbo]

@van-chin 从 v1.2.0 版本开始，mock 接口默认支持跨域。