如何配置ASP.NET Core本地项目单页面链接实现跨设备访问？

1. 本地Host映射+路由器端口转发 #

• 操作步骤：
  • 登录路由器后台，配置端口转发规则：将外部端口7099转发到你的本地机器IP的7099端口（确保本地机器在同一局域网或公网可被路由器访问）
  • 给所有需要访问的设备修改hosts文件：
    • Windows：编辑C:\Windows\System32\drivers\etc\hosts，添加一行 你的公网/局域网IP localhost
    • Linux/macOS：编辑/etc/hosts，添加同样内容
• 效果：其他设备点击原链接https://localhost:7099/RFS/ConfirmDetails?TranCompNo=时，会通过hosts映射到你的机器IP，再经端口转发访问服务，地址栏始终显示原localhost地址

2. 前端拦截+History API伪装地址 #

• 若链接是在网页中，可通过JS拦截跳转，实际请求公网地址但保持地址栏显示原链接：

<a href="https://localhost:7099/RFS/ConfirmDetails?TranCompNo=" class="local-link">确认详情</a>

<script>
document.querySelectorAll('.local-link').forEach(link => {
    link.addEventListener('click', e => {
        e.preventDefault();
        // 替换为你的公网可访问地址
        const targetUrl = `https://your-public-ip:your-port/RFS/ConfirmDetails?TranCompNo=`;
        window.location.href = targetUrl;
        // 用History API修改地址栏为原链接
        history.pushState({}, '', link.href);
    });
});
</script>

• 注意：刷新页面会导致地址栏回到实际请求地址，仅适用于单次跳转场景

3. 内网穿透工具配置Host伪装 #

• 使用支持自定义Host的内网穿透工具（如ngrok），将本地服务映射到公网，同时让服务端识别请求来自localhost：
• 示例命令（ngrok）：

ngrok http --host-header=localhost 7099

• 生成公网地址后，让其他设备修改hosts文件，添加 公网穿透域名 localhost，即可通过原localhost链接访问服务，地址栏保持不变

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