能否在非MVC非Core的基础ASP.NET Web应用中创建React JS页面？

该需求完全可以实现，你所说的非MVC、非.NET Core的基础ASP.NET应用一般指ASP.NET Web Forms项目，这类项目本身完全支持嵌入自定义前端脚本和静态资源，不需要依赖MVC或者.NET Core的专属特性就可以顺利集成React。

核心实现逻辑 #

• React最终编译后仅包含普通的JS、CSS和静态资源文件，和你项目里现有的jQuery、其他前端框架的引用逻辑没有区别，直接按静态资源引入即可。

具体操作步骤 #

1. 初始化React项目 #

你可以在现有ASP.NET解决方案的同级目录下单独创建React前端项目，两种常用初始化方案都可以使用：

• 用create-react-app脚手架快速创建标准React项目
• 用Vite手动配置React项目，编译速度更快
  注意如果需要把React嵌入现有ASPX页面的局部区域，需要把React的挂载节点ID和ASPX页面预留的DOM节点ID对应，比如你在ASPX页面中添加<div id="react-root"></div>，React入口文件的挂载逻辑就写为ReactDOM.createRoot(document.getElementById('react-root'))。

2. 配置编译输出路径 #

修改React项目的配置，将编译后的产物输出路径直接指定到ASP.NET项目的静态资源目录下，比如/Scripts/react-dist/，这样每次React代码编译后产物会自动同步到ASP.NET项目中，不需要手动复制迁移。

3. 页面引用React资源 #

根据你的需求可以选择两种集成方式：

• 全页面React应用：新建空白ASPX页面，移除默认的冗余ASP.NET服务器控件，仅保留React挂载节点，在页面头部引用编译后的CSS文件，底部引用编译后的JS文件即可，访问该ASPX页面就会加载完整的React单页应用。
• 局部嵌入React模块：在现有业务ASPX页面的任意位置预留React挂载节点，在页面中引入React的JS和CSS资源即可，原有的ASP.NET服务器控件、后端逻辑和React模块互不影响，可以正常共存。

常见注意事项 #

• 如果你的ASP.NET项目配置了全局路由拦截规则，需要把React静态资源路径、React前端路由路径排除在拦截规则之外，避免出现404错误。
• React和后端交互不需要额外适配，直接用fetch/axios调用项目里现有的WebService接口、一般处理程序（*.ashx）或者Page Method都可以正常通信。

只要React资源和ASP.NET站点部署在同域名下，不需要额外做跨域配置就可以正常调用后端接口。

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