webpack4 devserver 如何拦截请求添加请求headers

最新推荐文章于 2024-09-23 09:51:17 发布

原创最新推荐文章于 2024-09-23 09:51:17 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #webpack #前端

javaScript 专栏收录该内容

36 篇文章

订阅专栏

该文章介绍了如何配置Webpack的devServer，包括设置localhost、启用HTTPS、热更新、端口、静态资源目录、自动打开浏览器、GZIP压缩，以及使用代理转发API请求到指定服务器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

v4官网：https://v4.webpack.docschina.org/configuration/dev-server/#devserver-proxy

devServer 配置

devServer: {
    host: '127.0.0.1',
    https: true,
    hot: true,
    port: 8080,
    contentBase: path.resolve(__dirname),
    open: true,
    compress: true, // 启用 gzip 压缩
    after: function (app, server) {
      server.options.headers['aaaaaaaaaaaa'] = '222222222222222222222222222222222222';
    },
    proxy: {
      "/json": {
        target: 'https://aaaa.aaaaaa.aaaaa.com',
        secure: false,
      },
    },
}