reactjs - 使用 webpack 时直接加载路由

Question

我最近开始使用 react 和 webpack，虽然它在大多数方面都很棒，但是在测试应用程序时会渲染到 iframe 中，这使我无法直接加载非 root 路由。因此，如果我想测试http://localhost:8000/#/signin我无法加载该 url，而是我必须加载基本 url 并单击其中指向登录页面的链接（或者至少这是我发现的唯一可行的方法）。

有一个更好的方法吗？

这是一个类似的问题，有一个非常老套的解决方案。从那以后有什么改变吗？

Answer 1

你的意思是这行得通： localhost:8000/webpack-dev-server/ 吗？

以下也应该起作用：

• 本地主机：8000/webpack-dev-server/index.html
• 本地主机：8000/webpack-dev-server/index.html/#/signin

这些应该在没有 iframe 的情况下工作：

• 本地主机：8000/index.html/#/signin
• 本地主机：8000/#/登录

如果这不起作用，为什么不右键单击指向登录页面的链接，复制链接地址并将其粘贴到浏览器中？

Answer 2

似乎对此的解决方案是加载包含 webpack 路径和您正在测试 ex 的哈希的 url。http://localhost:8000/webpack-dev-server/#dashboard. 这必须手动完成，因为应用程序中的任何链接都不包含webpack-dev-server路径。

这允许在需要时偶尔对页面进行硬加载，但允许 webpack 在可能的情况下执行大部分热加载。