Как мне сделать запрос на стороне сервера в моем приложении React, отображаемом на стороне клиента?

Question

У меня есть приложение React, в котором мне нужно сделать несколько вызовов API, которые включают токен API в заголовки запроса. Я не беспокоюсь о рендеринге всего приложения на стороне сервера, так как меня не волнует SEO, производительность и т. Д. c., Это просто приложение для хобби.

Единственное, что я хочу сделать, это сделать убедитесь, что вызовы API выполняются на стороне сервера, поэтому заголовок авторизации не отображается. Есть ли способ реализовать это?

Я пробовал fetch и axios, но они оба показывают заголовки на вкладке «Сеть».

Я действительно понимаю SSR и CSR только на базовый уровень c, поэтому я не совсем уверен, достижимо ли то, что я хочу, или же для вызовов API на стороне сервера требуется рендеринг на стороне сервера.

Answer 1

Если вы используете приложение на стороне клиента, то невозможно вызвать api без отображения заголовка авторизации. Однако вы можете сделать одно: вы можете добавить сервер узла в качестве промежуточного программного обеспечения между вашим приложением React и сервером. Вы вызовете сервер узла для API, и узел вызовет фактический сервер данных с авторизацией. В этом случае пользователь не увидит ключ авторизации, так как он будет установлен сервером узла, а не вашим приложением реакции

Если вас беспокоит безопасность, вы также включите ** ключ приложения ** и Секрет приложения и храните их на сервере узла, а при каждом вызове API добавьте эти ** ключ приложения ** и секрет приложения в свой запрос.