将webpack devserver（HMR）与使用虚拟主机运行的PHP项目连接起来
目前，我正在开发一个带有React前端的WordPress插件。我尝试将在虚拟主机上运行的后端（PHP）连接到webpack devserver和热模块替换（HMR）。
是否有任何配置如何做到这一点。
注：我尝试与Devserver代理，但不能弄清楚。
提前感谢。
共有1个答案
对于这样的自定义设置，获取HMR总是很复杂。理论上，这很简单。您只需使用HMR模块运行webpack dev server。在PHP文件上，确保它使用从webpack dev server生成的JS文件。要刷新的代码捆绑在JS文件中，因此应该可以正常工作。
然而，魔鬼在细节。您需要确保您的页面和webpack-dev-server之间的通信没有问题。监视您的webSocket网络请求，并确保它们按预期进行通信。
您可能会遇到的一个问题是安全性，因为web套接字连接需要一个不同的主机。在这种情况下，您可以使用配置从以下答案：我得到一个"无效的主机头"消息时连接到webpack-dev-server远程
另一个问题可能是JS文件试图连接到错误的位置。它认为您的主机是websocket连接所在的位置。如果是这种情况，您可以使用public设置。有关文档，请参见此处：https://webpack.js.org/configuration/dev-server/#devserverpublic
对我来说，这类似于使用反向代理运行。您可以通过以下讨论了解问题：https://github.com/webpack/webpack-dev-server/issues/804
可能还有其他问题。您只需要检查websocket连接，确保它们通信没有问题
如何引用生成的js文件是一个单独的问题。一个简单的例子是将端口设置为8081，并将js文件绑定到包中。js。然后在php代码中，将其称为http://localhost:8081/bundle.js
-
本文向大家介绍使用xampp搭建运行php虚拟主机的详细步骤，包括了使用xampp搭建运行php虚拟主机的详细步骤的使用技巧和注意事项，需要的朋友参考一下 最近，新装了xampp这么一个软件搭建自己的web开发环境，安装完毕自然要虚拟几个目录放自己的项目了，现将如何在xampp搭建的web服务器环境下新建虚拟主机的过程总结分享一下，大致过程分为三步，如下： 第一步： 用记事本打开C:/WINDOW
-
问题内容： 我正在一起运行Nodejs和Apache。 node-http-proxy正在侦听端口80，然后将请求转发到Apache（：9000）或Express（：8000）。 我在Apache上的虚拟主机如下所示： 我的问题是，在Express / Nodejs端具有虚拟主机功能的“正确”方法是什么？我希望不必像下面建议的那样将每个Nodejs应用程序放在其自己的端口上： https://gi
-
两个虚拟主机(纯静态-html 支持) - Two Virtual Hosts, Serving Static Files http { : server { : listen 80; : server_name www.domain1.com; : access_log logs/domain1.access.log main; : location / {
-
本文向大家介绍关于PHP虚拟主机概念及如何选择稳定的PHP虚拟主机，包括了关于PHP虚拟主机概念及如何选择稳定的PHP虚拟主机的使用技巧和注意事项，需要的朋友参考一下 PHP型虚拟主机这种类型的虚拟主机在国外已经发展了很长时间，技术比较成熟，一般控制面板功能很丰富，管理方面也都比较完备。现在很多中小型企业在建设网站时都会选择PHP虚拟主机来托管自己的网站。之所以选择php虚拟主机，除了它开源和免费
-
主要内容：Apache虚拟主机类型,3. 虚拟主机配置示例Apache Web服务器可以在SAME服务器上托管多个网站。每个网站不需要单独的服务器机器和apache软件。这可以使用虚拟主机或VHost的概念来实现。 要在Web服务器上托管的任何域(网站应用)都将在apache配置文件中具有单独的条目。 Apache虚拟主机类型 Apache虚拟主机类型有两种 - 基于名称的虚拟主机 基于地址或基于IP的虚拟主机。 1. 基于名称的虚拟主机 基于名称的虚拟
-
虚拟主机是路由配置中的顶层配置。每个虚拟主机都有一个逻辑名称以及一组域列表，会根据传入请求的主机头路由到对应的域。这允许为单个监听器配置多个顶级域的路径树。一旦基于域选择了虚拟主机，就会进行路由处理，以便查找并路由到相应上游集群或者是否执行重定向。 { "name": "...", "domains": [], "routes": [], "require_ssl": "...",