基于Vite的React应用部署本地Apache Tomcat失败，求解决方法

Vite和普通Create React App的配置逻辑不同，Vite不识别package.json里的homepage字段，这是你部署失败的核心原因，需要调整为Vite专属配置：

1. 修改Vite配置文件
   在项目根目录的vite.config.js（或vite.config.ts）中，添加base配置项，值对应Tomcat里的应用路径：

   import { defineConfig } from 'vite'
   import react from '@vitejs/plugin-react'
   
   export default defineConfig({
     plugins: [react()],
     // 路径需和Tomcat webapps下的应用目录名完全一致
     base: '/application_name/'
   })
   

2. 清理无效配置
   你原有的homepage字段格式错误（多了多余反引号），且Vite不依赖该配置，直接删除或注释即可：

   // 移除以下无效配置
   // "homepage" : "``http://localhost:8089/``applicatin_name"
   

3. 重新打包部署

   • 执行npm run build重新生成dist文件夹
   • 将dist文件夹重命名为application_name，放到Tomcat的webapps目录下；或者把dist内的所有文件直接复制到webapps/application_name目录中
   • 启动Tomcat后，访问http://localhost:8089/application_name即可正常打开应用

内容的提问来源于stack exchange，提问作者Nimesh Nuwanga