Laravel 10部署后Vite构建资源路径错误，样式JS无法加载

这不是SSL证书问题，核心原因是资源发布路径配置错误，具体分析和解决方法如下：

• 问题本质：Laravel 10 默认使用Vite作为前端构建工具，你本地执行npm run build时，Vite默认生成的资源引用路径是站点根目录（/build/...），但你实际把build文件夹放到了public目录下，导致请求路径和文件实际位置不匹配，手动添加/public/后路径正确，所以样式恢复正常。

• 解决步骤：

  1. 修改项目根目录下的vite.config.js文件，指定资源的基础路径为/public/：

     import { defineConfig } from 'vite';
     import laravel from 'laravel-vite-plugin';
     
     export default defineConfig({
         plugins: [
             laravel({
                 input: ['resources/css/app.css', 'resources/js/app.js'],
                 base: '/public/',
                 buildDirectory: 'build',
             }),
         ],
     });
     

  2. 在本地重新执行npm run build，生成带有正确路径的资源文件。
  3. 将新生成的build文件夹上传到主机的public目录下，覆盖原有文件。

• 补充检查：确认.env文件中的APP_URL设置为你的站点完整域名（比如http://mylaravelsite.com或https://mylaravelsite.com），这能保证后续资源引用的域名部分正确，但不是当前问题的核心。

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