时间戳

首页 > 解决方案 > 配置文件中的 webpack4 webpack-dev-server ssl

ssl - 配置文件中的 webpack4 webpack-dev-server ssl

问题描述

遵循此 cli 命令：

npm run webpack-dev-server --mode development --open --cert=../../ssl/server.pem --key=../../ssl/server.pem

我想在我的 webpack.config 文件中添加文件.. 类似于：

module.exports = {

    ...

    ssl: {
        cred: "../../ssl/server.pem", 
        key: "../../ssl/server.pem"
    }

    ...
}

标签： sslwebpackhttpswebpack-dev-serverwebpack-4

解决方案

这个问题在我的浏览器中打开了一个小时，而我试图解决它......最终我做到了......所以希望我可以拯救别人和小时:)

参考链接

module.exports = {

    ...
    devServer: {
        https: {
            key: fs.readFileSync('/path/to/server.key'),
            cert: fs.readFileSync('/path/to/server.crt'),
            ca: fs.readFileSync('/path/to/ca.pem'),
        }
    }
    ...
}

也许 3 小时.. 如果您需要生成自己的证书.. 而 Chrome 就坏了..

要生成您的开发证书：

openssl req \
    -newkey rsa:2048 \
    -x509 \
    -nodes \
    -keyout server.pem \
    -new \
    -out server.pem \
    -subj /CN=localhost \
    -reqexts SAN \
    -extensions SAN \
    -config <(cat /System/Library/OpenSSL/openssl.cnf \
        <(printf '[SAN]\nsubjectAltName=DNS:localhost')) \
    -sha256 \
    -days 3650

推荐阅读