How do I use mocks on prod mode?

[ShookLyngs]

Is it possible to use the mock-dev-server features in production mode?

[pengzhanbo]

The plugin only supports running under vite server and vite preview mode by default.

And because mock files support importing node modules and third-party modules, the mock code will not be packaged into the project source code.

However, it does support packaging the mock files as a small independent Node service that can be deployed separately in vite build mode. See options.build in configuration documentation and Mock Services.

You can deploy this Node service separately and then use an HTTP service such as Nginx for proxy according to your application scenario so that frontend projects can use these mock interfaces.

import { defineConfig } from 'vite'
import mockDevServerPlugin from 'vite-plugin-mock-dev-server'

export default defineConfig({
  plugins: [
    mockDevServerPlugin({
      build: true,
    }),
  ]
})