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

webpack-dev-server返回自动生成的特定URL?

许阿苏
2023-03-14

我有一个单一的页面应用程序,它连接到不同服务器上的后端REST API。

index.html应用程序加载时,首先要做的是get/env.json,它包含REST API服务器的URL。显然,在生产中与在测试中和在开发中是不同的。

有没有什么方法可以将中间件添加到webpack-dev-server中,这样当它看到get/env.json时,它就会自动生成json(基于env var或其他)?

如果有更简单的办法,我是开放的。我的假设是,dev和test将启动一个后端服务器,然后配置对get/env.json的响应,而prod将添加或动态生成一个不同的文件。

共有1个答案

索嘉胜
2023-03-14

根据webpack-dev-server源代码,有setup选项,它将app(express的实例)变量作为函数参数。因此,您可以通过在配置中指定此选项来操作路由:

devServer: {
    setup: function(app) {
        app.get('env.json', function(req, res) {
            // ...
        });
    }
}
 类似资料:
  • webpack-dev-server Use webpack with a development server that provideslive reloading. This should be used for development only. It uses webpack-dev-middleware under the hood, which providesfast in-mem

  • 我有一个webpack配置,当我直接调用webpack时,它会生成react包。由于我想合并热重新加载,所以我需要在端口3000上运行的development express服务器(服务APIendpoint)旁边运行webpack dev服务器 webpack.dev.config.js dev-server.js package.json脚本 如果我跑了 结果是一个新的js包和html:dis

  • 问题内容: 我开始在开发使用的服务器端渲染应用程序的环境中工作。我对每个Webpack包在开发和生产(运行时)环境中的作用感到非常困惑。 这是我的理解摘要: :是一个软件包,是一种工具,用于将Web应用程序的不同部分结合在一起,然后捆绑成一个.js文件(通常是)。然后,结果文件将在产品环境中提供以由应用程序加载,并包含运行代码的所有必需组件。功能包括缩小代码,缩小代码等。 :是一个提供 服务器 以

  • 我开始工作与与环境开发一个服务器端渲染应用程序与。我对每个webpack包在dev和prod(运行时)环境中的作用感到非常困惑。 以下是我理解的总结: :是一个包,一个工具,用于将web应用程序的不同部分连接在一起,然后捆绑在一个单独的包中。js文件(通常是)。然后,结果文件在prod环境中提供,由应用程序加载,并包含运行代码所需的所有组件。功能包括缩小代码、缩小尺寸等。 :是一个提供服务器来处理

  • 问题内容: 我正在尝试使用webpack-dev-server运行一个简单的程序,但出现此错误: 我已经使用以下npm命令安装了webpack 并且我有以下配置: 我已经尝试了一切,但我真的迷路了。有人有什么主意吗? 问题答案: 是不足够的。 您还必须安装以下内容: 另外,您还可以安装:

  • 问题内容: 偶然地,我将node_modules文件夹添加到了我的git中。然后,我再次使用将其删除。 现在,当我尝试启动webpack服务器时,出现以下错误: 起初我以为这只是我的项目,但是后来我签出了本教程的代码检查点:同样的错误!因此,全球似乎有些混乱。 这是我到目前为止尝试过的: 并重新安装 正如有人在github上提到这个问题 使用以下命令全局安装webpack 从本系统中完全删除nod