要将ASP.NET Core与现代Web框架集成，可以使用以下解决方法和代码示例：

1. 使用ASP.NET Core的MVC框架和现代Web框架（如React、Angular或Vue.js）进行集成。这种集成方式可以通过在ASP.NET Core项目中使用现代Web框架的前端组件来实现。以下是一个使用React进行集成的示例：

首先，安装所需的npm包：

npm install react react-dom

创建一个React组件MyComponent.jsx：

import React from 'react';

const MyComponent = () => {
  return (
    

      
Hello from React!
    
  );
};

export default MyComponent;

在ASP.NET Core的视图（View）中使用React组件：

@{
    ViewData["Title"] = "Home Page";
}



@section Scripts {
    
    
    

    
}

在这个示例中，将React组件MyComponent渲染到了具有id="react-root"的元素中。

2. 使用ASP.NET Core的Web API并与现代Web框架进行通信。这种集成方式可以通过使用现代Web框架的AJAX或Fetch API从ASP.NET Core的Web API中获取数据并将其显示在前端页面上。以下是一个使用Angular进行集成的示例：

首先，创建一个ASP.NET Core的Web API控制器ApiController.cs：

using Microsoft.AspNetCore.Mvc;

namespace YourNamespace.Controllers
{
    [ApiController]
    [Route("api/[controller]")]
    public class ApiController : ControllerBase
    {
        [HttpGet]
        public IActionResult Get()
        {
            var data = new { message = "Hello from ASP.NET Core!" };
            return Ok(data);
        }
    }
}

然后，在Angular的组件中使用HTTP服务从ASP.NET Core的Web API中获取数据：

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-my-component',
  template: `
    
{{ message }}
  `,
})
export class MyComponent implements OnInit {
  message: string;

  constructor(private http: HttpClient) {}

  ngOnInit() {
    this.http.get('/api/ApiController').subscribe(data => {
      this.message = data.message;
    });
  }
}

在这个示例中，使用Angular的HTTP服务从/api/ApiController端点获取数据，并将返回的消息显示在前端页面上。

以上是将ASP.NET Core与现代Web框架集成的两种常见方法和相应的代码示例。根据所选择的Web框架和具体需求，可能需要进行额外的配置和调整。