当前位置: 首页 > 知识库问答 >
问题:

将webpack devserver(HMR)与使用虚拟主机运行的PHP项目连接起来

爱唯
2023-03-14

目前,我正在开发一个带有React前端的WordPress插件。我尝试将在虚拟主机上运行的后端(PHP)连接到webpack devserver和热模块替换(HMR)。

是否有任何配置如何做到这一点。

注:我尝试与Devserver代理,但不能弄清楚。

提前感谢。

共有1个答案

韩靖琪
2023-03-14

对于这样的自定义设置,获取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": "...",