Windows10下将localhost切换为HTTPS及CORS问题求助

一、切换HTTPS能否解决你的CORS错误？ #

能。绝大多数HTTPS协议的API会配置CORS策略拒绝HTTP源的请求，同时浏览器的混合内容限制也会阻止HTTP页面加载HTTPS资源，这两种情况都会触发你遇到的CORS或相关错误。将本地应用切换为HTTPS后，请求源和目标API的协议一致，就能绕过这类限制。

二、Windows10下配置localhost使用HTTPS的实用方法 #

方法1：用mkcert快速生成可信本地证书（推荐） #

mkcert是专门生成本地开发用可信证书的工具，无需手动复杂配置：

• 安装mkcert：打开管理员模式PowerShell，执行choco install mkcert（需先安装Chocolatey，也可直接下载二进制文件）
• 初始化本地CA：执行mkcert -install，将本地CA证书添加到系统和浏览器信任列表
• 生成localhost证书：在项目根目录执行mkcert localhost 127.0.0.1 ::1，会得到localhost.pem（证书文件）和localhost-key.pem（私钥文件）
• 在应用中配置使用，比如Express框架示例：

  const https = require('https');
  const fs = require('fs');
  const express = require('express');
  const app = express();
  
  const options = {
    key: fs.readFileSync('./localhost-key.pem'),
    cert: fs.readFileSync('./localhost.pem')
  };
  
  https.createServer(options, app).listen(443, () => {
    console.log('HTTPS server running on port 443');
  });
  

方法2：手动生成自签名证书（无需额外工具） #

• 打开管理员模式PowerShell，执行命令生成证书：

  New-SelfSignedCertificate -DnsName "localhost" -CertStoreLocation "cert:\LocalMachine\My"
  

• 记住输出的证书Thumbprint（一串哈希值）
• 导出为PFX文件：

  $pwd = ConvertTo-SecureString -String "自定义密码" -Force -AsPlainText
  Export-PfxCertificate -Cert cert:\LocalMachine\My\你的证书哈希值 -FilePath .\localhost.pfx -Password $pwd
  

• 添加到受信任根证书库：打开certlm.msc，找到刚生成的证书，右键→所有任务→导出，再导入到受信任的根证书颁发机构存储区
• 在应用中配置使用，比如.NET Core示例：

  // appsettings.json
  {
    "Kestrel": {
      "Endpoints": {
        "Https": {
          "Url": "https://localhost:5001",
          "Certificate": {
            "Path": "localhost.pfx",
            "Password": "自定义密码"
          }
        }
      }
    }
  }
  

方法3：利用框架自带HTTPS支持 #

多数主流开发框架自带一键启用HTTPS的功能：

• Create React App：启动时加前缀HTTPS=true npm start，自动生成并使用自签名证书
• Vue CLI：在vue.config.js中配置：

  module.exports = {
    devServer: {
      https: true
    }
  }
  

• Angular CLI：启动时执行ng serve --ssl true，自动生成证书

内容的提问来源于stack exchange，提问作者Coding Geeek