如何使用RestTemplate调用同应用内部HTTPS API（无需localhost地址）

针对你遇到的同一HTTPS应用下内部API调用、无法传递主机地址的问题，以下是几种可行的方案：

• 直接使用相对路径调用
  由于API和前端页面属于同一部署上下文，直接以相对路径发起请求即可。比如API路由为/api/get-data，前端代码直接写：

  fetch('/api/get-data')
  

  浏览器会自动拼接当前页面的协议、主机和端口，无需手动指定localhost或完整域名。

• 基于当前页面环境动态生成基础路径
  若需灵活适配不同环境，可借助window.location自动获取当前页面的协议和主机信息，避免硬编码：

  // 仅当API与前端不在同一子路径时需要，同上下文下直接用相对路径更简单
  const apiBase = `${window.location.protocol}//${window.location.host}`;
  fetch(`${apiBase}/api/user-info`)
  

• 配置本地开发服务器反向代理
  本地开发时，给你的前端开发服务器配置反向代理，将API请求转发到第三方框架的服务端口。以Vite为例，在vite.config.js中添加：

  export default {
    server: {
      proxy: {
        '/api': {
          target: 'http://localhost:第三方框架端口号',
          changeOrigin: true,
          secure: false // 本地非HTTPS服务可设为false
        }
      }
    }
  }
  

  配置完成后，前端只需用/api/xxx的相对路径请求，开发服务器会自动转发到对应后端，完全无需在请求中指定第三方框架的地址。

• 本地使用自定义主机别名（可选）
  修改本地hosts文件，将127.0.0.1映射为自定义别名（如my-app.local），同时给该别名配置自签名SSL证书（可使用mkcert工具生成）。启动本地HTTPS服务时使用该别名，请求时依然可以用相对路径，或直接用https://my-app.local/api/xxx（若使用默认443端口则无需写端口）。

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