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());
所以现在我只是删除它,它不会导致在团队中显示我的应用程序时出现更多错误。
我设法使用 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());
所以现在我只是删除它,它不会导致在团队中显示我的应用程序时出现更多错误。