问题标签 [devserver]

我了解 React/Express 应用程序的正常用例是为您的 Express 应用程序运行一个开发服务器，并为您的 React 应用程序运行一个。我的问题是，是否有可能在Express 应用程序中运行前端开发服务器，例如：

• 我可以从两者开始node index.js
• （可选）两台服务器共享一个公共端口

换句话说，有没有办法从 Node/Javascript 中以编程方式启动 Webpack 开发服务器（使用 JS；不使用类似execute运行的东西npm start），如果是这样，create-react-app 开发服务器有什么特别之处吗？防止以编程方式运行它？

编辑：我找到了https://github.com/webpack/webpack-dev-middleware，这几乎就是我要找的。然而，它是 Webpack，而不是 create-react-app，所以虽然它允许热重载，但它不会在重载之间保留状态（就像 create-react-app 版本的 Webpack 服务器所做的那样）。

所以看来我真的在寻找一种create-react-app-dev-server-middleware......或一种配置方式webpack-dev-middleware来支持create-react-app热重载之间的状态保存。

我的项目中有问题，当我使用 DevServer 17 运行它时不起作用，但是当我使用 xampp 时它起作用了.. 问题和问题是我想知道为什么这只发生在那个项目中，特别是我的这一部分代码。

在xampp中，代码可以正常工作并与 db 连接，但在Devserver中，它将在代码末尾显示页面 _403.html（错误页面）。

有什么想法吗？

我的设置如下：

• 将自定义 TLD 指向 localhost 的自定义 DNS 服务器
• nginx 作为反向代理
• golang 后端
• 通过 vue-cli 实现 VueJS 前端

我想要的是将我的 api 和我的前端放在 sub.domain.tld 上，其中 /api 反向代理到我的 API，其他所有东西都转到我的 vuejs 开发服务器。

我当前的 nginx 配置可以满足我的需要，但它会阻止 vue devserver 连接：

还有 vue.config.js：

唯一的问题是我仍然收到错误，我猜 vue-cli 中包含的实时错误显示/实时刷新（法语对不起，但它基本上是一个 CORS 错误消息）：

我iframe在应用程序中使用，我不知道如何src通过开发服务器代理它，因此我正在做

为了iframe在开发模式下工作，'http://192.168.1.2:8081'这里是硬编码的，我正在寻找一种方法来重用 webpack 开发服务器代理目标，一个类似的 API ，getProxyTarget()但是如果可以代理，那就更好了！iframesrc

vue.config.jsdevServer配置：

使用 Vite 的开发服务器，如果我尝试访问一个不存在的 URL（例如localhost:3000/nonexistent/index.html），我会收到一个404错误。相反，我会收到一个200状态码以及localhost:3000/index.html.

如何配置 Vite 以便404在这种情况下返回 a ？

（这个问题：Serve a 404 page with app created with Vue-CLI非常相似，但与基于 Webpack 的 Vue-CLI 而不是 Vite 相关。）

esBuild 使得通过它自己的开发服务器服务 http 请求变得非常容易，例如

在这种情况下如何启用 HTTPS 服务？我可以让它在端口 443 上服务，但是如何附加自签名证书？

嗨，我有一个名为的应用程序Home，它具有可安装的插件，我可以在任何时间点安装它运行在iframe

通过此nginx设置，我可以在构建后加载插件应用程序（床）（这很耗时）

这是 nginx 设置

问题：我不想构建Home我想通过它运行的主应用程序serve，但是我将始终构建第二个应用程序，即插件，它将作为捆绑包提供。nginx在构建两者（即 npm run build，bundle）之后使用上述设置，它将正常工作。我想避免主应用程序构建。

这是我的vue.config.js样子

还在寻找解决方案。。

请帮助我提前谢谢！