如何在NameCheap cPanel上部署Vite React项目？

Question

我正在尝试在 NameCheap cPanel 上部署我的 Vite React 应用程序，但是我无法部署我的 React 应用程序。

我运行此命令

npx vite build

来创建我的反应应用程序的构建。我得到了 dist 文件夹，其中有 index.html 和 assets 文件夹可用。我只需转到 cPanel 选择 Node.js 并创建一个节点应用程序。在文件管理器中，我将 dist 文件夹上传到我在 Node.js 设置期间创建的文件夹中。我解压缩 dist 文件并运行 Node.js 服务器。但我收到了 503 错误。我还尝试创建一个 server.js 文件，在该文件中，我使用express.js 调用 dist 和 public 文件夹，然后在 cPanel 中上传了 server.js、package.json 和 dist/public.zip 文件。我还运行 Run NPM Install 来安装所有依赖项，但这些方法都不起作用。下面是图片：

如果有人知道如何在NameCheap cPanel上部署Vite React项目，请回答我的问题。

Answer 1

您需要在 public_html 文件夹中添加 .htaccess ，如下所示

<IfModule mod_headers.c>
 Options +Indexes
 RewriteEngine On
 RewriteCond %{REQUEST_URI} !^/dist/
 RewriteRule (.*) /dist/$1 [L]
</IfModule>