Webpack dev服务器React内容安全策略错误

Question

我在webpack-dev-server上运行了我的单页应用程序.我可以加载和重新加载我的进入路线localhost:8080,它每次都有效.但是,我localhost:8080/accounts/login只能通过应用程序内的链接加载localhost:8080/accounts/login,即每当我从浏览器刷新按钮重新加载我得到

Cannot GET /accounts/login/

作为服务器响应,我得到了控制台

内容安全策略:页面的设置阻止了自身加载资源("default-src http:// localhost:8080 ").来源:;(函数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,请添加output.publicPath = '/'并devServer.historyApiFallback = true在您的WebPack配置文件.

更多信息:手动刷新或写入时,React-router URL不起作用