如何在Google Cloud Platform中运行上传至bucket的Angular应用

• 确认上传到bucket的是Angular构建产物而非项目源码：执行ng build完成构建后，将输出目录（默认路径为dist/你的项目名/）内的所有文件直接上传到bucket根目录，不要嵌套多余的项目文件夹层级，确保index.html处于bucket的根路径下。
• 若构建时自定义了baseHref参数，需保证bucket内的文件层级和配置的base路径完全匹配，避免资源加载404。

• 打开目标bucket的配置页，找到「静态网站托管」板块：
  • 主入口路径填写index.html
  • 404错误页路径填写index.html

单页应用必须将404页设为入口文件，否则刷新非根路由页面时，会因为找不到对应路径的静态文件直接返回404，无法触发前端路由逻辑。

• 打开bucket的权限设置页，新增权限绑定：
  • 新增的主体对象设置为allUsers
  • 授予该主体Storage Object Viewer角色
• 按照控制台提示确认公开访问生效，此时bucket内的对象即可被匿名公网用户访问。

• 配置完成后，在bucket的对象列表中找到根目录下的index.html，复制对应的对象URL，直接在浏览器打开即可运行你的Angular应用。

• 访问返回403：检查权限绑定是否生效，确认是否给allUsers授予了对象查看权限，避免仅配置bucket级权限、遗漏对象级访问授权。
• 静态资源（JS/CSS）加载失败：检查上传的文件路径和index.html内引用的资源路径是否一致，核对baseHref配置和实际存储路径的匹配性。
• 子路由刷新报404：返回静态网站托管配置页，确认404错误页路径已正确设置为index.html。

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