如何在HTML Web Site项目中调用外部Web Application的MVC视图？

其实这个需求实现起来很直观，核心就是让Web Site里的按钮能正确指向Web Application中Home/Index对应的访问地址，下面分开发调试和部署上线两种场景给你具体操作步骤：

一、开发调试阶段的配置 #

1. 确认Web Application的访问端口
   右键你的Web Application项目 → 选择「属性」→ 切换到「Web」标签页，找到「项目URL」（比如默认可能是http://localhost:5000或http://localhost:49876这类），Home/Index对应的完整访问地址就是{项目URL}/Home/Index，比如http://localhost:5000/Home/Index。

2. 在Web Site的index.html中添加跳转按钮
   你可以用两种方式实现按钮跳转：

• 方法一：用带样式的链接（视觉上像按钮）

  <a href="http://localhost:5000/Home/Index" style="padding: 8px 16px; background: #007bff; color: white; text-decoration: none; border-radius: 4px;">跳转到Web App的Home页</a>
  

• 方法二：用按钮绑定JavaScript跳转事件

  <button onclick="window.location.href='http://localhost:5000/Home/Index'">跳转到Web App的Home页</button>
  

记得把上面的http://localhost:5000替换成你实际的Web App项目URL。

3. 同时启动两个项目调试
   右键解决方案 → 选择「设置启动项目」→ 选择「多启动项目」，将Web Application和Web Site的操作都设为「启动」，这样调试时两个项目会同时运行，点击按钮就能正常跳转。

二、部署上线阶段的配置 #

部署时根据两个项目的部署路径调整跳转地址即可：

• 如果部署在同域名的不同路径：比如Web Site在https://yourdomain.com，Web App在https://yourdomain.com/webapp，跳转地址就写成/webapp/Home/Index
• 如果部署在不同域名：比如Web Site在https://site.yourdomain.com，Web App在https://app.yourdomain.com，跳转地址就写成https://app.yourdomain.com/Home/Index

额外注意点 #

• 你这里是页面跳转，不是AJAX接口请求，所以完全不需要处理跨域（CORS）问题。
• 开发时可以给Web App设置固定端口，避免每次调试都要修改跳转URL。

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