Webpack开发服务器React Content Security Policy错误

Question

我的单页应用程序在webpack-dev-
server上运行。我可以在上加载和重新加载我的进入路线，localhost:8080并且每次都可以使用。但是我localhost:8080/accounts/login只能通过应用程序内的链接加载localhost:8080/accounts/login，即每当我从浏览器刷新按钮重新加载时，我都会

Cannot GET /accounts/login/

作为服务器响应，在控制台上我得到

内容安全策略：页面的设置禁止自行加载资源（“ default-src http：//
localhost：8080
”）。来源：;（function
installGlobalHook（window）{....

这是我在单页应用程序的index.html上的CSP标头

<meta http-equiv="Content-Security-Policy"
  content="default-src * 'self' 'unsafe-inline' 'unsafe-eval'">

我也没有使用任何devtool对我的webpack.config.json。我想念什么。

Answer 1

如果在项目中使用Webpack，请在Webpack配置文件中添加output.publicPath = '/'和devServer.historyApiFallback = true。