做一个小项目即想用 asp.net core 的 MVC,前后端不分离,又想用 react 怎么办 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
289396212
V2EX    程序员

做一个小项目即想用 asp.net core 的 MVC,前后端不分离,又想用 react 怎么办

  •  
  •   289396212 2023-08-07 16:23:09 +08:00 1933 次点击
    这是一个创建于 831 天前的主题,其中的信息可能已经有所发展或是发生改变。
    有好的最佳实践吗,把 react 引入 MVC
    7 条回复    2023-08-08 20:36:21 +08:00
    Oktfolio
        1
    Oktfolio  
       2023-08-07 16:32:10 +08:00
    新建一个 index.html (模板引擎文件),将编译后的前端放在资源( CDN 、静态文件服务器)里面,然后在 index.html 中引入编译后的 js, css 等文件,Controller 接口跳转渲染 index.html 。

    这种操作大概是可行的,在 .NET 中具体怎么操作就不知道了。

    不能使用 history 路由
    libasten
        2
    libasten  
       2023-08-07 16:56:06 +08:00
    为啥不用 .NET Core WebAPI 呢?这个不就说为 react 和 vue 之类的前端框架设计了吗?
    wu00
        3
    wu00  
       2023-08-07 17:32:39 +08:00
    gowk
        4
    gowk  
       2023-08-07 20:09:31 +08:00
    参考一下这个项目 https://github.com/hez2010/H-Judge
    KKKKKKKKKKKKKKKK
        5
    KKKKKKKKKKKKKKKK  
       2023-08-08 14:11:58 +08:00
    我司目前管理后台就是这样的。netcore 下有个包可以使用:Microsoft.AspNetCore.SpaServices.Extensions 。
    SuperBig
        6
    SuperBig  
       2023-08-08 17:26:35 +08:00   1
    我知道的有两种方式,第一种就是直接用 Microsoft.AspNetCore.SpaServices.Extensions ,上面 5L 和 3L 两位都说过了。

    第二种方式:手动集成,我是因为历史遗留问题,无法直接用第一种方式所提及的类库,所以只能自己手动集成。

    1 、前端项目 build 后的产物丢到 api 项目的 wwwroot 里。
    2 、api 项目增加 UseStaticFiles 中间件,用以拦截静态资源。
    3 、api 项目的控制器都增加个统一的前缀,如/ser/detail -> /api/user/detail ,这个怎么加起来简单你自己摸索,方式有很多。
    4 、api 项目增加 MapFallbackToFile ,将所有 webapi 没有 match 的请求都转到第一步的产物入口文件,一般是 index.html 。

    第四部的代码片段:
    app.UseEndpoints(endpoints=>{
    //....

    endpoints.MapFallbackToFile("index.html");
    });
    289396212
        7
    289396212  
    OP
       2023-08-08 20:36:21 +08:00
    @SuperBig 很有帮助,感谢
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2242 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 01:02 PVG 09:02 LAX 17:02 JFK 20:02
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86