Angular6 微信-违反功能策略:本文档中不允许使用加速计

Angular6 微信-违反功能策略:本文档中不允许使用加速计,angular6,wechat,wechat-auth,Angular6,Wechat,Wechat Auth,我们在微信上使用的Angular应用程序显示了上一个腾讯验证码API,此错误出现在DevTools控制台(桌面-windows-Chrome webkit)上: [违规]功能策略违规:此应用程序中不允许使用加速计 文件 不幸的是,没有更多的堆栈跟踪 腾讯验证码似乎试图通过iframe使用我们网站不允许的加速计浏览器API。我们需要添加一个HTTP头,如“功能策略:加速计…” 我不知道我们应该在哪里添加这个http头 thks在应用程序服务器中,您应该添加一个名为功能策略的响应头,其值为以下值

我们在微信上使用的Angular应用程序显示了上一个腾讯验证码API,此错误出现在DevTools控制台(桌面-windows-Chrome webkit)上:

[违规]功能策略违规:此应用程序中不允许使用加速计 文件

不幸的是,没有更多的堆栈跟踪

腾讯验证码似乎试图通过iframe使用我们网站不允许的加速计浏览器API。我们需要添加一个HTTP头,如“功能策略:加速计…”

我不知道我们应该在哪里添加这个http头


thks

在应用程序服务器中,您应该添加一个名为
功能策略的响应头,其值为以下值之一:

  • “加速计*”
  • “加速计自身”
  • “加速计'src'”
您提供的以下加速计的确切
allowList
参数将取决于您的具体情况和要求(re.)

在使用Express server的应用程序中,可以通过在中间件中添加以下行来设置响应标头:

response.set('Feature-Policy','accelerator'self'”

e、 g

然后,您可以通过在DevTools网络选项卡中检查页面文档的请求是否包括响应标题下的
featurepolicy
标题来确保功能策略存在

// app.js

import express from 'express';

import applyFeaturePolicyHeaderMiddleware from './apply-feature-policy-header-middleware';

const app = express();

app.use(
    applyFeaturePolicyHeaderMiddleware
);
// apply-feature-policy-header-middleware.js

export default (request, response, next) => {

    response.header('Feature-Policy', "accelerometer 'self'");

    next();

}