如何使用 react(使用 vite)设置后端，例如 node.js/express，以及我如何部署，我是使用 vite 的命令还是节点的

Question

(看标题)我是react的初学者，我想使用Vite.JS我对Node.js一无所知，但我想学习它，所以我需要连接它们。请让我知道!我也如何部署，我应该使用vite的命令，因为我将做没有后端或有特殊的命令，我应该在后端文件夹部署时?这就是全部，如果你知道任何答案，请联系我!

Answer 1

对于后端配置，来自官方vite文档;

在您的Vite config.js文件中，用以下内容覆盖其内容:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
build: {
manifest: true,
rollupOptions: {
input: './src/main.jsx',
},
},
server: {
proxy: {
"/api": "http://localhost:5000/", // the address that u serve in the backend 
},
},
})

设置bundle的入口点为src/main。JSX而不是默认的index.html。在公共文件夹中，有index.html，或者它可能在src目录中，这取决于您的vite-js版本。编辑其内容以指向主。JSX文件路径。

<script type="module" src="/src/main.jsx"></script>

。