webpack配置devServer配置https代理与证书

最新推荐文章于 2025-04-01 07:30:00 发布

舜岳

最新推荐文章于 2025-04-01 07:30:00 发布

阅读量1w

点赞数 5

分类专栏： webpack 文章标签： webpack devServer https cert

本文链接：https://blog.csdn.net/qq_41614928/article/details/112758616

版权

webpack 专栏收录该内容

14 篇文章

订阅专栏

浏览器如果需要开发某些特定功能，需要https浏览器才会给予功能权限，则开发时我们需要在https环境
下面是配置一个webpack devServer的https环境

//webpack.config.js
module.exports = {
 ...
 devServer: {
    port: 8080,
    proxy: [{
      context: ['/api'],  //将 "https://urlname.com:8080/api" 转发到 "https://127.0.0.1:6495/api"
      target: 'https://127.0.0.1:6495',
      secure: false,
      changeOrigin: true
    }],
    host: '0.0.0.0',
    allowedHosts: [ 'urlname.com' ],
    https: {              //开启的端口可以通过https访问
      key: fs.readFileSync('./cert/urlname.com.key'),
      cert: fs.readFileSync('./ecrt/urlname.crt')
    }
  }
}