create-react-app如何在本地配置https
create-react-app如何在本地配置https
1、在项目根目录建立文件夹 ssl,在文件夹下建立两个文件 cert.pem key.pem。
cert.pem
-----BEGIN CERTIFICATE----- MIIEUjCCArqgAwIBAgIQcnkWtB8T/B/e5sU0jsVlXTANBgkqhkiG9w0BAQsFADBt MR4wHAYDVQQKExVta2NlcnQgZGV2ZWxvcG1lbnQgQ0ExITAfBgNVBAsMGGFsc2NA QzAyRjQzN1ZNTDdIIChBTFNDKTEoMCYGA1UEAwwfbWtjZXJ0IGFsc2NAQzAyRjQz N1ZNTDdIIChBTFNDKTAeFw0yMTExMTcwMjQ0NTVaFw0yNDAyMTcwMjQ0NTVaMEwx JzAlBgNVBAoTHm1rY2VydCBkZXZlbG9wbWVudCBjZXJ0aWZpY2F0ZTEhMB8GA1UE CwwYYWxzY0BDMDJGNDM3Vk1MN0ggKEFMU0MpMIIBIjANBgkqhkiG9w0BAQEFAAOC AQ8AMIIBCgKCAQEAslpMJn93y8WFIG6D1hNEe72Bilc2CB5JxqCaRgZjajhuo+mv VZXLG0qoJFq2bpx+O/OCKJjwMSR6a+CMVdI1OLHhgIRKUmKbm2SzRhP7m8FDsfXs yuSpG9VeIUrVDqz1OTGT0GBnHPF3o+1DaetNh2X4KnvNIyphzCaHiiOYwRazSnIp fJIckXAjZP4bA/GBQ/4yKZzI93cRe44P1ScvYSc0qAVa67udJfYX27OU11uLQymS UECtqMEpC+ktHe5wM4U/rXvbJUMI4uOclPQPQ0WgWEZUwCKAMVF3xwf99lEUEYPn uOV5FCGYeFhcrLO5foXROFAk0j1WVsdmQwMaOwIDAQABo4GOMIGLMA4GA1UdDwEB /wQEAwIFoDATBgNVHSUEDDAKBggrBgEFBQcDATAfBgNVHSMEGDAWgBQqno88pqFE GKX2JYfyT3NpazMRATBDBgNVHREEPDA6gggqLmVsZS5tZYILKi5lbGVuZXQubWWC CWxvY2FsaG9zdIcEfwAAAYcQAAAAAAAAAAAAAAAAAAAAATANBgkqhkiG9w0BAQsF AAOCAYEAAFJP0kWHPWWPI5Owvj6r3+ISjQUCeSiT4kgOnbqBIKvGclgNy/V3tCSA r8/LTLc1T3y/mLas7dLwjrE1cDhXY54nwisZ2Qk3P0YjG6HN0qnnh7UvEp9wBfPV R8P+sQuVKBLd+3JDptBYCer29XXmIBwImb1ZyVcizfpgYzgHXQ2kqreQqU2POZ8E bu4G+yGUbVYUc8jf9gsrQF7IpbUQENqGpSmf4VAcIT3oNRTnsS0NHuyJOKl6gMbQ cm/GrD+RkTMLamyQCMgYIPFJmnIFRotqyZGmpKZJrKqFSThW/lhEXKuN0RL2Cuke Z39siuRo+yKw+b7QzZD5p9FMBPze3iJElqUuE0IgsdNFqNYe0fcLc8907dXRoluF GcEf4bllSyUk3yNHLozT/aeo/Dlw0skSnNSvYL+5Mq/HI+EFghK8YhpxPGm0RQlL hv2Ll3LNXb9Mfl4mxkJfkGZxaFfDkWxaU1FkU9bcrVFyC9qJ3JBvM5HxQfRBwR0F QmirvOqi -----END CERTIFICATE-----
key.pem
-----BEGIN PRIVATE KEY----- MIIEvAIBADANBgkqhkiG9w0BAQEFAASCBKYwggSiAgEAAoIBAQCyWkwmf3fLxYUg boPWE0R7vYGKVzYIHknGoJpGBmNqOG6j6a9VlcsbSqgkWrZunH4784IomPAxJHpr 4IxV0jU4seGAhEpSYpubZLNGE/ubwUOx9ezK5Kkb1V4hStUOrPU5MZPQYGcc8Xej 7UNp602HZfgqe80jKmHMJoeKI5jBFrNKcil8khyRcCNk/hsD8YFD/jIpnMj3dxF7 jg/VJy9hJzSoBVrru50l9hfbs5TXW4tDKZJQQK2owSkL6S0d7nAzhT+te9slQwji 45yU9A9DRaBYRlTAIoAxUXfHB/32URQRg+e45XkUIZh4WFyss7l+hdE4UCTSPVZW x2ZDAxo7AgMBAAECggEAPVy73nL0sHMgvmvHiBvQ8BHfQ82FlX12PJR8/6KrCZyo 1FROMs/6tUUWXIupQJ0vAUlier1DxmSaigsTvWM5VGw+/YyGVZn/l5Mp6u5tHsV7 mPrXoWbSl/TtEd9BNm9jX24jQQop79dUJl43V3XRksgOfe9iQLsQMsD+2RQuNiAa PQCZ2NjtN2ELkvEfC1D4S55CF+4JWiJ+GpTgs8b+XxeEjNbHiewa0wBBe+dFjXam YytrQc4qXbtgljz45mRZYW0XeLiO+zJbENEO1sG1ZF9b0wgAvthUGcybrSmsmEID vw4zoZfcMAESnN67GzRRU6/paYJpFPRzZKIWiTDyQQKBgQDTnRZ0WmWwB216gNBB J+ckKukwDN3kEyjAqfVAPhtIW0KGVIMLuQMC3wATFM9jU6SkyyLVYwxJvQUCb2ii SXbEoZi8QUb6QjMDIpAyZHIoXBOYD9SgZOAbLzTpzq5PM29BRTkBMvO1s7fowotb x3WWZZ+9UnD+mGpzOiIh8crAQwKBgQDXwzc1I8bmVirFusDhNjAENzVHQNk4RTi9 wVml2M9LoyQskt6WN8/BY5UZZKbeICoG61uikoqs5xU6KqGF13Nbwc7NYcLNInIX bUMGMIBPjyyUlffcVYZkQekVYA+jNEB3dTYdnO4E3Y9lWFK0CFq99bBLeAREy/6p muz8QMk6qQKBgGXN+CSH7M3v9NpvqEEAWnIK9t54AjQch4mQ+n0qo+N+jBWmCNmV 633xHM8RPuixL89cLujr2tiKyCMwx+zzXOEiQSGoYeY5/OKwOSEVM9p42bBZRVjY zvwlDNbC6RcPTqHfFJqgEaFD0eF33qWL4uU1BNGHHPdPCj9fI1ajRYCTAoGAPPw0 spR2N8zLMjBjLEUAtXBVYtp1i24lZ50rFbF+hkaKhv7MY3FLC8J19kN41vgIaQRF VmJNSCnY2iQKm6YWOS1CotKrGQhPb0e21h0HZ3V0iFsLP//8iIIIu733LY4rWpiK vzwIGt/1FBQu7CwgWekD95Dow/lU9eOQcIxvVGECgYAOQWTblgBsvwRUXqA5dnal Wo9Cwc0mjYQsYG1fZ+MX+8lT7KbURCYZmN73HnyW4W+AnH+yHW6bKkXKRzAGwUtZ NfaGO6axPlYfmP6+TAxRBw15a2FAz1T8i1d9iNeblXoK8Cr7s5nt5K3mrdJxh7Dd ckdAWh4YzPkzo2MVL7DMQQ== -----END PRIVATE KEY-----
在webpack.dev.js的devServer节点 加
https: { key: fs.readFileSync(path.resolve(__dirname, "./../ssl/key.pem")), cert: fs.readFileSync(path.resolve(__dirname, "./../ssl/cert.pem")), },
引入库
const fs = require("fs") const path = require("path")
漫思