Как подключить административную панель из сервера к реакт приложению (AdminBro from Express server connect to React)

Я впервые взялся за работу над сервером и админкой. По этому прошу по возможности детально объяснить мне как сделать правильно. Вот мой код для подключения админки на сервере

const AdminBro = require('admin-bro')
const mongooseAdminBro = require('@admin-bro/mongoose')
const expressAdminBro = require('@admin-bro/express')
const Wallet = require('./models/Wallet')
const Payment = require('./models/Payment')

const app = express()

//Admin Bro
AdminBro.registerAdapter(mongooseAdminBro)
const AdminBroOptions = {
    resources: [Wallet, Payment],
}

const adminBro = new AdminBro(AdminBroOptions)
const router = expressAdminBro.buildRouter(adminBro)

app.use(adminBro.options.rootPath, router) // localhost:5000/admin

Теперь когда я вручную ввожу адрес localhost:5000/admin, мне возвращается рабочая панель. В папке client у меня реакт приложение. В package.json присутствует поле "proxy": "http://localhost:5000/". Все запросы из реакта (я использую axios) ссылаются на сервер. Но при запросе на /admin я просто получаю в res.data чистый html

const [admin, setAdmin] = useState()

    useEffect(() => {
        axios.get('/admin')
        .then(res => {
            setAdmin(res.data);
        })
        .catch(e => {
            console.log(e);
        })
    })
    console.log(admin); //plain HTML text
У меня была единственная идея: полученные данные из res.data отобразить на странице реакт с помощью dangerouslySetInnerHTML, но ничего не получилось, да и выглядит это очень неправильно. Скажите как можно перенаправить нужного пользователя из localhost:3000/ на localhost:5000/admin так, что бы на хостинге потом все работало? Если я правильно понимаю, то нужно именно перенаправить, или все таки нужно делать запрос и как то обрабатывать данные?


Ответы (0 шт):