Angular部署Github Pages失败：strict-origin-when-cross-origin问题求助

• 修正base href配置
  Github Pages的访问路径包含仓库名称，必须确保Angular项目的base href与仓库名一致。执行构建命令时直接指定：

  ng build --prod --base-href "/angular_tic_tac_toe/"
  

  也可以在angular.json的projects -> angular_tic_tac_toe -> architect -> build -> options中添加"baseHref": "/angular_tic_tac_toe/"，之后再执行构建。

• 用gh-pages工具自动化部署

  1. 安装依赖：

     npm install --save-dev gh-pages
     

  2. 在package.json的scripts里新增部署命令：

     "deploy": "ng build --prod --base-href \"/angular_tic_tac_toe/\" && npx gh-pages -d dist/angular_tic_tac_toe"
     

  3. 运行部署：

     npm run deploy
     

  这个工具会自动将构建产物推送到gh-pages分支，避免手动部署的路径错误。

• 确认Github Pages部署设置
  进入仓库的Settings -> Pages，检查部署来源是否为gh-pages分支，路径选择/(root)。

• 强制刷新浏览器缓存
  按Ctrl+Shift+R强制刷新页面，或用无痕模式测试，排除缓存导致的资源加载异常。

注：你遇到的CORS提示大概率是资源路径错误导致404，浏览器误报的跨域问题，修正base href后即可解决。

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