vite-plugin-mock-ext

本插件是对vite-plugin-mock的扩展，在ViteMockOptions增加了一个选项mockUrl，使得使用mock服务时更灵活。

mockUrl

type: string

default: ''

设置mock接口地址前缀，需满足正则/^\/\b/。如果设置了该选项，会在构建mock数据的时候自动在url前加上该前缀

examples:

// vite.config.ts

plugins:[
  // ...
  viteMockServe({
    mockPath: 'mock',
    mockUrl: '/mock'
  })
]

// mock/user.ts

{
  url: '/api/createUser',
  method: 'post',
  response: ({ body, query }) => {
  return {
    code: 0,
    message: 'ok',
    data: null,
  }
},

最终构建的mock地址为/mock/api/createUser

请求的时候需要加上前缀：

axios.post('/mock/api/createUser', data)

前缀可以在环境变量中统一配置，这样做的好处是，可以在mock数据中使用和正式环境一样的接口地址，而在生产环境需要切换到线上地址时可以统一更换。

更多使用详情请参考 vite-plugin-mock

License

MIT