柚子快報激活碼778899分享：前端開發(fā)環(huán)境模擬HTTPS

http://yzkb.51969.com/

文章目錄

一、創(chuàng)建HTTPS證書openssl報錯？

二、創(chuàng)建HTTPS服務(wù)器三、腳手架配置HTTPS@umi配置@vite配置

一、創(chuàng)建HTTPS證書

進入要建立 HTTPS 服務(wù)的目錄

openssl genrsa -out key.pem 1024

openssl req -new -key key.pem -out csr.pem

openssl x509 -req -in csr.pem -signkey key.pem -out cert.pem

openssl報錯？

Windows11 安裝openssl

winget search openssl

winget install OpenSSL

配置環(huán)境變量

# 變量名

OPENSSL_HOME

# 變量值

C:\Program Files\OpenSSL-Win64\bin

# PATH

%OPENSSL_HOME%

二、創(chuàng)建HTTPS服務(wù)器

http-server -S ./

三、腳手架配置HTTPS

@umi配置

import {defineConfig} from "umi";

export default defineConfig({

https: {

cert: './key/cert.pem',

key: './key/key.pem',

http2: true

},

define: {

IS_DEV: true

}

})

@vite配置

import * as fs from "fs";

import * as path from "path";

import { defineConfig } from 'vite'

import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/

export default defineConfig({

server: {

https: {

cert: fs.readFileSync(path.join(__dirname, 'key/cert.pem')),

key: fs.readFileSync(path.join(__dirname, 'key/key.pem')),

}

},

plugins: [react()],

})

柚子快報激活碼778899分享：前端開發(fā)環(huán)境模擬HTTPS

http://yzkb.51969.com/

推薦文章