与Heroku的MapBox集成问题

Question

我正在尝试部署一个mern全栈应用程序与mapbox在heroku，您可以添加插脚与react gl，它似乎不显示地图后，登录或注册，我得到csp错误。我想如果我解决了那些mapbox就会显示。

内容安全策略指令名‘’不安全-内联‘’包含一个或多个无效字符。指令名中只允许使用ASCII字母数字字符或破折号'-‘。

index.js:89拒绝从'blob:https://map-add-pins.herokuapp.com/ca369312-252f-4be1-85be-9bc4b47805a7'‘创建一个工作人员，因为它违反了以下内容安全策略指令："script-src 'self'“。请注意，没有显式设置“worker-src”，因此“script-src”用作回退。

我试图在我的index.html中添加这个元标记以抵消csp，但这并没有解决这个问题。

<meta http-equiv="Content-Security-Policy" content="'unsafe-inline' blob:;">

我想知道我的元标签应该是什么，或者你是否可以提供另一个解决方案。

my heroku链接查看问题：https://map-add-pins.herokuapp.com

Answer 1

相反，我将应用程序的前端部署到netlify和heroku的后端，这解决了地图的问题。