ASP.Net Core WebApi前后端发布在一起

最新推荐文章于 2024-09-09 18:00:00 发布

三分藏道

最新推荐文章于 2024-09-09 18:00:00 发布

阅读量296

点赞数 3

文章标签： asp.net 后端

本文链接：https://blog.csdn.net/qq_41264896/article/details/137052808

版权

本文介绍了如何在ASP.NETCoreWebApi项目中将VUE、React或Angular的前端打包文件合并发布，包括配置静态文件处理、设置默认首页和处理开发与生产环境的差异，确保在不同环境下正确路由和加载前端资源。

摘要由CSDN通过智能技术生成

ASP.Net Core WebApi前后端发布在一起

将VUE、React、Angular打包好的文件放到ASP.Net Core WebApi的wwwroot目录下

在这里插入图片描述

在StartUp中的Configure中配置或者Program中配置

//一定要在认证之前，否则会出现认证失败
app.UseRouting()
//启用静态文件
app.UseStaticFiles();
if (!app.Environment.IsDevelopment())
{
    //这一步很关键
    DefaultFilesOptions defaultFilesOptions = new DefaultFilesOptions();
    defaultFilesOptions.DefaultFileNames.Clear();
    //设置首页，我希望用户打开`localhost`访问到的是`wwwroot`下的Index.html文件
    defaultFilesOptions.DefaultFileNames.Add("index.html");
    app.UseDefaultFiles(defaultFilesOptions);
}
app.UseEndpoints(endpoints =>
{
    //不能去掉否则会出现路由找不到
    endpoints.MapControllers();
    if (!app.Environment.IsDevelopment())
    {
        //去掉url上的index.html
        // 捕获所有其他路由并返回index.html  
        endpoints.MapFallbackToFile("index.html");
    }
})