Как подключить административную панель из сервера к реакт приложению (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