当我尝试将 mapbox api 导入我的应用程序时遇到了问题。 这是我的代码 文档类型 html html(lang='zh') 头 元（字符集='UTF-8'） meta(name='viewport', content='width=device-width, initial-scale=1.0') 链接（href='https://fonts.googleapis.com/css?family=Lato:300,300i,700', rel='stylesheet'） 链接（rel='stylesheet', href='/css/style.css'） link(rel='快捷图标', type='image/png', href='/img/favicon.png') 标题自然 | ＃{标题} 脚本（src='https://api.mapbox.com/mapbox-gl-js/v2.9.1/mapbox-gl.js'） 链接（href='https://cdn.jsdelivr.net/npm/[email protected]/dist/mapbox-gl.css' rel='stylesheet'）
身体 // 标题 div#map(style='宽度: 400px; 高度: 300px;') 脚本。 mapboxgl.accessToken = 'YOUR_MAPBOX_ACCESS_TOKEN'; var map = new mapboxgl.Map({ 容器：'地图'， 样式：'mapbox://styles/mapbox/streets-v11' }); 包括_header //内容 块内容 h1 这是一个占位符标题 //页脚 包括_footer 脚本(src='/js/mapbox.js')
当我在浏览器中运行它时，它显示错误：127.0.0.1/:1 Refused to load the script 'https://api.mapbox.com/mapbox-gl-js/v2.9.1/mapbox-gl.js'因为它违反了以下内容安全策略指令：“script-src 'self'”。请注意，未明确设置“script-src-elem”，因此“script-src”用作后备。 但是当我在 html 中导入 mapbox api 时它起作用了。
如何修复哈巴狗中的这个错误我尝试了以下步骤： 使用 Content-Security-Policy 设置标头 meta(http-equiv='Content-Security-Policy', content="script-src 'self' https://cdn.jsdelivr.net https://api.mapbox.com") 但是它没有用