我在Angulars项目index.html
文件的meta标签中定义了CSP
<meta http-equiv="Content-Security-Policy"
content="default-src 'self';
connect-src 'self' https://baseurl1/ https://baseurl2/ https://baseurl3/;
img-src 'self' data: http://baseurl/;
frame-src 'self' blob:;
media-src 'self' https://baseurl/;
script-src 'self' 'unsafe-inline' 'unsafe-eval' http://baseurl/;
style-src 'self' 'unsafe-inline';">
我的问题是,我想connect-src
根据用户在应用程序中的选择,将白名单准确地再动态添加一个。既然index.html
是静态页面,该怎么办?
url是从http服务调用的,该服务可以到达标准服务器接口(不同的提供程序)。用户可以选择他的提供者,因此URL会更改。没有已知的可能网址集。如果我能以某种方式CSP忽略此服务发送的所有请求,那也很好。
您可以尝试使用Meta组件动态更新CSP。
就像下面这样可能会对您有所帮助。
import { Meta } from '@angular/platform-browser';
let i = 0;
let tim = setInterval(() => {
let tag = this.meta.getTag('http-equiv=Content-Security-Policy');
if (tag) {
this.meta.removeTag('http-equiv=Content-Security-Policy');
let content = tag.getAttribute('content');
let str = 'connect-src ';
let index = content.indexOf(str);
content = content.slice(0, index + str.length) + "https://baseurl22/ https://baseurl23/ https://baseurl34/ " + content.slice(index + str.length);
this.meta.updateTag({ 'http-equiv': 'Content-Security-Policy', content: content });
} else {
this.meta.addTag({ 'http-equiv': 'Content-Security-Policy', content: 'connect-src \'self\' https://baseurl1/ https://baseurl2/ https://baseurl3/;' });
}
if (i == 1) clearInterval(tim);
i++;
}, 1000);
演示-https: //stackblitz.com/edit/angular-teecck
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句