代码之家 › 专栏 › 技术社区 › TacB0sS

配置文件中的webpack4 webpack dev server ssl

webpack-4 webpack-dev-server https webpack ssl

TacB0sS · 技术社区 · 7 年前

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

module.exports = {

    ...

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

    ...
}

1 回复 | 直到 7 年前

TacB0sS 7 年前

当我试图解决这个问题的时候,这个问题在我的浏览器里打开了一个小时。。。最终我做到了。。所以希望我能拯救别人和时间:)

link to reference

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个小时。。如果您需要生成自己的证书。。铬合金就断了。。¤

To generate your dev certificate :

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

推荐文章

Brandon Mulas · 如何在electronic+webpack中从Main进程获取javascript对象到Renderer进程

1 年前