как я могу интегрировать Asp.Net Основной Веб-Интерфейс С React.js?

#c# #reactjs #visual-studio #asp.net-core #asp.net-core-webapi

Вопрос:

У меня есть проект С Asp.net Основной веб-интерфейс и React.js этот сервер и его интерфейс работают автономно Нормально, Когда я Публикую на Сервере IIS(Интерфейс Использует Интернет для интерфейсных интерфейсов Api).

Но Я Хочу Использовать Asp.NETCore С Шаблоном ReactApp В VisualStadio Для Интеграции Этих И Интерфейсных Api Вызовов На Локальном Хосте с Одним И Тем Же Приложением. ПРОТИВ шаблона

У Меня Есть Некоторые Проблемы С Вызовом WebAPIs с клиентским приложением(интерфейсом) Локально. Как Я Могу Решить Эту Проблему С Вызовом WebAPIs Для Клиентского Приложения Локально?

это мой JSCode, который гендель связывает с WebAPIs :

 import axios from "axios" 
import { BaseUrl } from "../utils/baseUrl"

const useRequest = ({ url, method, body }) => {
    const doReq = async () => {
        const token = localStorage.getItem("accessToken")
        const res =await axios(`${BaseUrl}/${url}`, {
            method: method,
            headers: {
                "Content-Type": "application/json"  ,
                "accept": "*/*",
                'Authorization':`Bearer ${token}`
            },                                   
           data : body
        })
        return res
    }
    return doReq
}
export default useRequest;
 

И Базовый Url-Адрес :

 export const BaseUrl = "http://localhost:44789"
 

Мой обед в БэкэНде :

 {
  "iisSettings": {
    "windowsAuthentication": false,
    "anonymousAuthentication": true,
    "iisExpress": {
      "applicationUrl": "http://localhost:44789",
      "sslPort": 44367
    }
  },
  "profiles": {
    "IIS Express": {
      "commandName": "IISExpress",
      "launchBrowser": true,
      "environmentVariables": {
        "ASPNETCORE_ENVIRONMENT": "Development"
      }
    },
    "Project2": {
      "commandName": "Project",
      "launchBrowser": true,
      "applicationUrl": "https://localhost:5001;http://localhost:5000",
      "environmentVariables": {
        "ASPNETCORE_ENVIRONMENT": "Development"
      }
    }
  }
}
 

Ответ №1:

вам не нужен базовый файл в файле js , как указано выше, достаточно URL-адреса, и URL-адрес должен быть вашим конечным маршрутом, который вы объявили в имени функции startup.cs Http, к которому вы хотите получить доступ.

Комментарии:

1. спасибо, чувак! Я увидел конечные точки в Startup.cs и нашел решение

Ответ №2:

Вот пример https://github.com/unpub777/PersonalPortal (Я использую это в качестве шаблона.) Я думаю, что вы можете что-то изменить в своем существующем коде после прикрепленного репо.