前端代码 安全配置 Content-Security-Policy(csp)

我们vue项目举例

1.找到修改的目标文件

2.添加Content-Security-Policy策略

    <meta charset="utf-8" http-equiv="content-security-policy" content="script-src 'self' ; object-src 'none'; style-src 'self' ; ">

3.如果报错的处理

4.根据描述添加新的策略

    <meta charset="utf-8" http-equiv="content-security-policy" content="script-src 'self' 'unsafe-eval' chrome-extension-resource; object-src 'none'; style-src 'self' 'unsafe-inline'; ">

5.解决报错后，页面和增加之前一样