求助：有没有人在Azure Web App部署React-Vite时遇到问题？

• 先检查vite.config.js的构建配置，确保静态资源规则正确，示例配置如下：

  export default defineConfig({
    build: {
      assetsDir: 'assets',
      outDir: 'dist',
      rollupOptions: {
        output: {
          assetFileNames: 'assets/[name].[hash][extname]'
        }
      }
    }
  })
  

• 修正pm2启动命令，要指向Vite构建好的dist目录，而不是项目根目录：

  pm2 serve /home/site/wwwroot/dist --no-daemon --spa
  

• 若问题仍存在，可手动指定MIME类型：

  pm2 serve /home/site/wwwroot/dist --no-daemon --spa --mimetypes '.js=application/javascript,.css=text/css,.svg=image/svg+xml'
  

• 如果你是部署在子路径下，记得在vite.config.js里设置base参数，比如部署在/app/路径下就写base: '/app/'，根路径则设为base: '/'

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