使用webpack时直接加载路由

Question

我最近开始使用react和webpack，虽然它在大多数方面都很棒，但是当测试应用程序时会呈现为iframe，这会阻止我直接加载非根路由。因此，如果我想测试http://localhost:8000/#/signin我无法加载该网址，而是我必须加载基本网址并点击其中指向登录页面的链接（或至少这是唯一的我找到的方式有效。）

有更好的方法吗？

这是一个similar question，其中有一个非常糟糕的解决方案。从那时起有什么变化吗？

Answer 1

你的意思是这个有效：localhost：8000 / webpack-dev-server /？

以下内容也应该有效：

• 本地主机：8000 /的WebPack-DEV-服务器/ index.html中
• 本地主机：8000 /的WebPack-DEV-服务器/ index.html中/＃/登入

这些应该没有iframe：

• 本地主机：8000 / index.html中/＃/登入
• 本地主机：8000 /＃/登入

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

Answer 2

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

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