Angular 使用节点 js 无法在 Teams 中加载 dist

Angular dist couldnt be loaded in Teams with node js

我设法使用 SSO 创建了一个团队应用程序。所以我想把这个本地应用程序带到一个天蓝色的网络应用程序。所以我开始从我的节点 js 后端部署我的 angular 前端,如下所示:

app.get('*', function(req, res) {
  res.sendFile(__dirname + '/dist/index.html');
  // load the single view file (angular will handle the page changes on the front-end)
});

所以当我尝试这个本地时这工作正常: Fronend local

它甚至在我的 azurewebapp 上也能正常工作!但是当我在导入清单的团队中打开它并尝试打开页面时,它说它拒绝连接。

如果您需要更多信息,请告诉我。感谢您的帮助!

我找到了解决问题的方法。我的 node.js 后端需要头盔。所以 Helemt 设置了 X-Frame-Options。删除头盔后它工作正常。在导入之前我的代码中有头盔是这样的:

const helmet = require("helmet");
app.use(helmet());

所以现在我只是删除它,它不会导致在团队中显示我的应用程序时出现更多错误。