DEV Community
·
如何在cPanel共享主机上部署React + Vite应用程序
💡
原文英文，约600词，阅读约需3分钟。
📝
内容提要
在cPanel共享主机上部署React + Vite应用程序的步骤包括：生成生产构建，登录cPanel并打开文件管理器，进入public_html目录，上传压缩的构建文件，调整index.html中的基础路径，以及可选设置.htaccess以支持客户端路由。完成后，访问域名测试应用程序是否正常运行。
🎯
关键要点
- 在cPanel共享主机上部署React + Vite应用程序的步骤包括：生成生产构建。
- 登录cPanel并打开文件管理器。
- 进入public_html目录，上传压缩的构建文件。
- 调整index.html中的基础路径以确保相对路径正确。
- 可选设置.htaccess以支持客户端路由。
- 完成后，访问域名测试应用程序是否正常运行。
❓
延伸问答
如何生成React + Vite应用程序的生产构建？
使用命令npm run build生成生产构建，这将创建一个包含优化静态文件的dist文件夹。
在cPanel中如何上传Vite应用程序的构建文件？
登录cPanel后，打开文件管理器，导航到public_html目录，上传压缩的.zip文件并解压。
为什么需要调整index.html中的基础路径？
因为Vite使用相对路径，调整基础路径可以确保在共享主机环境中正确解析相对URL。
如何设置.htaccess以支持客户端路由？
在public_html目录中创建或编辑.htaccess文件，添加相应的重写规则以确保所有请求都指向index.html。
完成部署后如何测试React + Vite应用程序？
访问你的域名以确保应用程序正常运行，如果有问题，检查index.html中的文件路径。
在cPanel共享主机上部署React + Vite应用程序的主要步骤是什么？
主要步骤包括生成生产构建、上传构建文件、调整index.html和设置.htaccess。
➡️
