Insights Hub 应用无法正常加载 CSS、JS 资源

2024-01-09T06:07:54Z
Developer Tools

摘要


详细信息

从 Launchpad 中访问 app 时,F12 窗口显示无法加载 JS、CSS 和图片,并提示 CSP 问题

Solution

一、现象

访问应用时,在开发者工具中会遇到如下报错:


应用需要其它域中加载资源,例如上图中所示的:code.jquery.com、cdnjs.cloudflare.com。但默认平台会按照注册应用时的配置做一定的安全限制。

二、解决方法

在注册应用时需要指定 CSP (Content Security Policy) 配置,这样注册过后的应用才能被允许从对应的域中获取资源。此时需要将对应的域在 Developer Cockpit 的 CSP 配置项里进行配置,这样资源才能被正常加载。


关于 CSP 介绍,参考:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Content-Security-Policy

Notes

1. Mozilla Org: https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Content-Security-Policy

Notes

知识库文章 ID# PL8527436

内容

摘要详细信息

关联组件

Developer Cockpit