如何用ASP.NET Core 2.1做普通HTML/JS网页后端及Razor视图选择咨询

嘿，这两个问题其实是关联的，我来给你详细讲清楚——ASP.NET Core 2.1完全可以作为普通HTML/JavaScript网页的后端，而且绝对不需要强制使用Razor视图，下面是具体的实现步骤和思路：

1. 核心前提：托管静态文件 #

ASP.NET Core自带了静态文件中间件，专门用来处理HTML、CSS、JS这类静态资源。你只需要在Startup.cs里做简单配置：

步骤1：启用静态文件中间件 #

在Configure方法中添加以下代码（确保放在app.UseMvc()之前，顺序很重要）：

// 先启用默认文档支持（比如自动加载index.html）
app.UseDefaultFiles();
// 启用静态文件托管
app.UseStaticFiles();

步骤2：放置静态资源 #

ASP.NET Core默认会把wwwroot目录作为静态文件的根目录，你只需要把你的HTML、JS、CSS文件全部放到这个目录里就行。比如：

• wwwroot/index.html（你的主页）
• wwwroot/js/app.js（前端逻辑）
• wwwroot/css/style.css（样式文件）

启动项目后，直接访问根路径就能加载index.html，完全不需要Razor参与。

2. 后端接口：用Web API对接前端 #

如果你的前端需要和后端交互（比如获取数据、提交表单），可以用ASP.NET Core的Web API来写接口，和前端通过HTTP请求通信：

示例API控制器 #

在Controllers文件夹下创建一个API控制器：

[Route("api/[controller]")]
[ApiController]
public class UserController : ControllerBase
{
    // GET: api/user
    [HttpGet]
    public IActionResult GetUsers()
    {
        // 模拟返回用户数据
        var users = new List<object>
        {
            new { Id = 1, Name = "Alice" },
            new { Id = 2, Name = "Bob" }
        };
        return Ok(users);
    }

    // POST: api/user
    [HttpPost]
    public IActionResult AddUser([FromBody] dynamic userData)
    {
        // 处理前端提交的用户数据
        // ...
        return Ok(new { Message = "用户添加成功" });
    }
}

前端调用示例 #

在你的JS文件里用fetch或者axios调用接口：

// 获取用户列表
fetch('/api/user')
  .then(res => res.json())
  .then(users => {
    console.log('用户列表:', users);
    // 渲染到页面
  });

// 提交用户数据
fetch('/api/user', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ Name: "Charlie" })
})
.then(res => res.json())
.then(result => {
  console.log(result.Message);
});

3. 额外配置（可选） #

如果你的静态文件不在默认的wwwroot目录，或者需要自定义访问路径，可以修改静态文件中间件的配置：

app.UseStaticFiles(new StaticFileOptions
{
    // 指定自定义静态文件目录
    FileProvider = new PhysicalFileProvider(
        Path.Combine(Directory.GetCurrentDirectory(), "MyFrontendFiles")),
    // 前端访问时的路径前缀
    RequestPath = "/frontend"
});

这样你的静态文件就可以通过/frontend/index.html访问了。

总结一下：ASP.NET Core 2.1是非常灵活的后端框架，Razor视图只是其中一种渲染页面的方式，你完全可以用它来托管纯静态前端，并通过Web API提供数据接口，完美对接HTML/JS/CSS构建的网页。

内容的提问来源于stack exchange，提问作者A.Mostafa