在 GitHub 页面上推送 vite Reactjs 构建会导致构建文件出现 404 错误

Question

我有一个使用 vitejs 的 ReactJS 网站，当我使用它进行编译时，npm run build它会在 dist 文件夹中生成已编译的网站，当我将内容发布到此文件夹时，我遇到

Permissions-Policy 标头错误：无法识别的功能：“interest-cohort”。

和薮猫

获取https://brijrajparmar27.github.io/assets/index.d12487b2.js网::ERR_ABORTED 404

我发现奇怪的是，如果你检查上面错误中的 url，它试图在里面找到 .js 文件，brijrajparmar27.github.io/assets/它不应该在里面吗https://brijrajparmar27.github.io/[Repo-Name]/assets？

尽管不知何故，它仍然可以在我的本地主机上运行。

看完这个后，我[Repo-name]/在 dist 文件夹中已编译的 index.html 文件的链接标记的开头手动添加了，在托管时我得到了

获取https://brijrajparmar27.github.io/Atmosphere/Atmosphere/assets/vendor.95b2f1d7.js网::ERR_ABORTED 404

存储库名称列出两次。

Answer 1

似乎vite build默认基数为单个“/” https://vitejs.dev/config/#base

我通过将 package.json 中的构建脚本更改为：

"build": "vite build --base=./"