前端https访问本地服务

1.安装openssl

官网下载
现成编译好的

2. 生成证书

C:\Users\liuzhaojun>openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout cname.key -out cname.crt
.+.+..............+......+....+......+...........+....+......+++++++++++++++++++++++++++++++++++++++*........+......+...+.....+....+++++++++++++++++++++++++++++++++++++++*.+........+.......+...+...+.....+.............+..+...+....+.....+..............................+.+..+....+.........+............+.....+.......+........+....+...+..+......+.......+...+.................+...+..........+........+....+...........+.+...........+...+......+.+............+...........+................+...+..+...+.+...............+.....+....+..+...+.+.....+............+....+........+.......+...+......+..+...+..........+.........+..+...+......+.........+.+.........+............+.....+.+..+.......+......+........+.+...........+.........+...+.+..+....+..............+....+...+...++++++
...........+..+++++++++++++++++++++++++++++++++++++++*....+.+.........+..+....+++++++++++++++++++++++++++++++++++++++*...+................+......+..+.......+.........+.....+......+....+..+....+.........+.........+...+..+......+.+......+........+.+.....+...+...+.......+..+.+..+......+.+...+..+......+...+....+..+......+.......+..+...++++++
-----
You are about to be asked to enter information that will be incorporated
into your certificate request.
What you are about to enter is what is called a Distinguished Name or a DN.
There are quite a few fields but you can leave some blank
For some fields there will be a default value,
If you enter '.', the field will be left blank.
-----
Country Name (2 letter code) [AU]:cn(国家名称)
State or Province Name (full name) [Some-State]:cq(州或省名称)
Locality Name (eg, city) []:cqsd(地区名称)
Organization Name (eg, company) [Internet Widgits Pty Ltd]:sd(组织名称)
Organizational Unit Name (eg, section) []:sd(组织单位名称)
Common Name (e.g. server FQDN or YOUR name) []:cqsd(公用名称)
Email Address []:1643431673@qq.com(电子邮件地址)

C:\Users\liuzhaojun>

3.配置nginx访问

server {
            #SSL 默认访问端口号为 443
        listen 443 ssl;
        #请填写绑定证书的域名, cloud.example.com换成自己的域名
        server_name localhost;
        #请填写证书文件的相对路径或绝对路径
        ssl_certificate C:/Users/liuzhaojun/cname.crt; # SSL证书文件路径
        #请填写私钥文件的相对路径或绝对路径
        ssl_certificate_key C:/Users/liuzhaojun/cname.key; # SSL证书私钥文件路径
        ssl_session_timeout 5m;
        #请按照以下协议配置
        ssl_protocols TLSv1.2 TLSv1.3;
        #请按照以下套件配置,配置加密套件,写法遵循 openssl 标准。
        ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
        ssl_prefer_server_ciphers on;
        location / {
            #网站主页路径。此路径仅供参考,具体请您按照实际目录操作。
            #例如,您的网站主页在 Nginx 服务器的 /etc/www 目录下,则请修改 root 后面的 html 为 /etc/www。
            # root F:/company/cxy-ai-operate/dist/;
            root html/;
            index test.html index.htm;
            try_files $uri $uri/ /index.html;
        }
    }

4.验证访问

本地测试
请添加图片描述

  • 7
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值