ASP Core ReactJS 앱에서 게시물을 호출하는 방법은 무엇입니까?

Question

<p>현재 내 Reactjs 자바스크립트 파일에는 다음이 포함되어 있습니다</p> <pre class="brush:php;toolbar:false;">details.js const 응답 = fetch('users');</pre> <p>이것은 아래의 mvc 컨트롤러를 호출합니다</p> <p>UsersController.cs</p> <pre class="brush:php;toolbar:false;">비공개 읽기 전용 ILogger<userController> 공용 userController(ILogger<userController> 로거) { _logger = 로거; } [HttpGet] 공개 IEnumerable<user> { <코드는 여기에 표시됩니다> }</pre> <p>문제는 fetch가 Get 메서드를 호출한다는 것입니다. 컨트롤러에서 다른 메서드를 어떻게 호출합니까? 따라서 다음과 같은 방법도 있다면: </p> <pre class="brush:php;toolbar:false;">[HttpPost] 공개 IEnumerable<user> UserDetails(문자열 Id) { <코드는 여기에 표시됩니다> } [Http포스트] 공개 IEnumerable UserInfo(문자열 이름, 문자열 ID) { <코드는 여기에 표시됩니다> } [HttpId] 공개 IEnumerable<user> UserId(문자열 이름, 문자열 성, 문자열 회사 ID) { <코드는 여기에 표시됩니다> }</pre> <p>details.js 파일에서 이러한 메소드를 어떻게 호출합니까? </p> <p>다음과 같나요? </p> <pre class="brush:php;toolbar:false;">const response = wait fetch('users/UserInfo') ?</pre>

Answer 1

끝점 매개 변수에 대해 .NET 프레임워크에 알리고 올바른 HTTP 메서드를 사용하여 호출해야 합니다. 예를 들어, 코드를 약간 변경하면 UserDetails 메소드의 Id 매개변수를 URL 세그먼트로 사용할 수 있습니다.

으아악

HttpPost 특성은 .NET Framework에 이것이 POST 끝점임을 알려줍니다. HttpPost 속성의 {Id} 부분을 참고하세요. 이는 자리 표시자이므로 엔드포인트를 호출할 때 실제 ID로 바꿔야 합니다. 이 엔드포인트를 호출하려면 "users/123" 엔드포인트에 HTTP POST 요청을 보내야 합니다. 여기서 "123" 부분은 {Id} 자리 표시자를 대체합니다. 예는 다음과 같습니다.

으아악

엔드포인트 URL에는 쿼리 문자열 매개변수도 포함될 수 있습니다. 예를 들어 쿼리 문자열 매개변수를 사용하여 UserInfo 엔드포인트를 호출하는 방법은 다음과 같습니다.

으아악

UserInfo 메서드의 "name" 매개 변수에 FromQuery 속성을 추가했습니다. FromQuery 특성은 URL에 name이라는 쿼리 문자열 매개 변수가 포함되어야 함을 .NET Framework에 알려줍니다. 엔드포인트 URL은 "users/123?name=john"이 됩니다. 여기서 "123"은 {Id} 자리 표시자를 대체하고 name=john은 "john"에 할당된 "name" 쿼리 문자열 매개 변수입니다.