如何在生产模式下正确运行React Vite项目?

我正在使用Vite和React,我是一个初学者,我想在服务器上以生产模式运行该项目。 这是 vite.config.js :

export default defineConfig({
  esbuild: {
    loader: "jsx",
  },
  optimizeDeps: {
    esbuildOptions: {
      loader: {
        ".js": "jsx",
      },
    },
  },
  server: {
    port: 3000,
  }
});

在部署后服务器上运行的pod中,我有以下日志:

Environment:
DEV_MODE=false
NODE_ENV=production
DEBUG_PORT=XXXX
Launching via npm...
> my-project start
> vite
npm http fetch GET 200 https://registry.npmjs.org/npm 2333ms (cache miss)
VITE v4.3 ready in 2303 ms
➜ Local: http://127.0.0.1:3000/
➜ Network: use --host to expose

我对服务器了解不多,但让它这样运行正常吗?也在端口3000上?它看起来像是我在本地主机中得到的日志。

如果没有,我如何在生产模式下正确运行项目,请选择合适的Vite配置?

并且使用 react-react-app :

Environment:
DEV_MODE=false
NODE_ENV=production
DEBUG_PORT=XXXX
Launching via npm...
npm info it worked if it ends with ok
npm info using npm
npm info using node
> @my-app start /opt/app-root/src
> react-scripts start
ℹ ｢wds｣: Project is running at http://XX.XX.XXX.XXX/
ℹ ｢wds｣: webpack output is served from
ℹ ｢wds｣: Content not from webpack is served from /opt/app-root/src/public
ℹ ｢wds｣: 404s will fallback to /
Starting the development server...