如何将ASP.NET Core与React SPA应用完美集成?

2026-04-01 09:530阅读0评论SEO问题
  • 内容介绍
  • 相关推荐

本文共计1028个文字,预计阅读时间需要5分钟。

如何将ASP.NET Core与React SPA应用完美集成?

目录:wwwroot/ui/ReactUIMiddleware 运行完毕,总结:AgileConfig 的 UI 使用 react 重写已完成。上次成功解决了基于 jwt 的登录模式(AntDesign Pro + .NET Core 实现基于 JWT 的登录认证),但还存在一些问题。目前使用。

目录
  • wwwroot\ui
  • ReactUIMiddleware
  • 运行一下
  • 总结

AgileConfig的UI使用react重写快完成了。上次搞定了基于jwt的登录模式(AntDesign Pro + .NET Core 实现基于JWT的登录认证),但是还有点问题。现在使用react重写后,agileconfig成了个确确实实的前后端分离项目。那么其实部署的话要分2个站点部署,把前端build完的静态内容部署在一个网站,把server端也部署在一个站点。然后修改前端的baseURL让spa的api请求都指向server的网站。
这样做也不是不行,但是这不符合AgileConfig的精神,那就是简单。asp.net core程序本身其实就是一个localhost:5000/index.html

但是这样我们的入口是index.html,这样看起来比较别扭,不够友好。而且这些文件直接丢在wwwroot的根目录下,会跟网站其他js、css等内容混合在一起,也很混乱。

阅读全文

本文共计1028个文字,预计阅读时间需要5分钟。

如何将ASP.NET Core与React SPA应用完美集成?

目录:wwwroot/ui/ReactUIMiddleware 运行完毕,总结:AgileConfig 的 UI 使用 react 重写已完成。上次成功解决了基于 jwt 的登录模式(AntDesign Pro + .NET Core 实现基于 JWT 的登录认证),但还存在一些问题。目前使用。

目录
  • wwwroot\ui
  • ReactUIMiddleware
  • 运行一下
  • 总结

AgileConfig的UI使用react重写快完成了。上次搞定了基于jwt的登录模式(AntDesign Pro + .NET Core 实现基于JWT的登录认证),但是还有点问题。现在使用react重写后,agileconfig成了个确确实实的前后端分离项目。那么其实部署的话要分2个站点部署,把前端build完的静态内容部署在一个网站,把server端也部署在一个站点。然后修改前端的baseURL让spa的api请求都指向server的网站。
这样做也不是不行,但是这不符合AgileConfig的精神,那就是简单。asp.net core程序本身其实就是一个localhost:5000/index.html

但是这样我们的入口是index.html,这样看起来比较别扭,不够友好。而且这些文件直接丢在wwwroot的根目录下,会跟网站其他js、css等内容混合在一起,也很混乱。

阅读全文