Как подключить в npm сайт к базе postgres?

Question

[David David]

Привет. разрабатываю сайт с django rest framework+react. перенс из тестовой виртуальной машины в виртуальное облако timewebcloud и столнулся с проблемой, что при подключении к сайту в сервере сайт запускается без информации из базы postgres.
Подключение к базе есть, так как я базу через django подцепил и по 8000 порту если подключаешься соединение есть
$ psql -U tUSER -d tDB -h tIP
Но когда я пытаюсь настроить react.js и запускаю его
$ npm run build
$ sudo npm install -g serve
$ serve -s build
сайт он запускает а информацию из базы не отображает. то есть тут соединение с самой базой.
В виртуальной тестовой машине, соединение есть, а в облаке нету.
Где правится соединение с базой npm?

Comments

[Алексей Ярков]

Знатная у вас каша получилась ))
React это фронтенд. Он ни про какую базу данных не знает и тем более подключаться к ней не может. Не там копаете в общем ))

[David David]

Алексей Ярков, хорошо,где копать тогда. все разрешения на uip ардеса я уже прописал и в drf и в postgres. где копать?

[David David]

Алексей Ярков, Вот что и где я менял:

$ cat node_modules/react-scripts/config/webpackDevServer.config.js
...
   // want to allow setting the allowedHosts manually for more complex setups
   allowedHosts: disableFirewall ? 'all' : [allowedHost],
   headers: {
     'Access-Control-Allow-Origin': '*',
     'Access-Control-Allow-Methods': '*',
     'Access-Control-Allow-Headers': '*',
   },
   allowedHosts: [
       // Ваш список разрешенных хостов здесь
       'localhost',
       '127.0.0.1',
       'IPADDR1'
   ],
...
$ cat settings.py 
...
ALLOWED_HOSTS = ['127.0.0.1', 'localhost', 'IPADDR1', 'HOST1']
...
DATABASES = {
   'default': {
       'ENGINE': 'django.db.backends.postgresql',
       'NAME': 'BASE',
       'USER': 'USER',
       'PASSWORD': 'PASSWORD',
       'HOST': 'IPADDR1',
       'PORT': '5432',
   }
}
$ cat /etc/postgresql/14/main/pg_hba.conf
...
listen_addresses = 'localhost, 127.0.0.1, IPADDR1, IPADDR2, HOST1'           # what IP address(es) to listen on;
...

[VoidVolker]

David It, https://qna.habr.com/help/rules#3.8 - к логам, ошибками и не форматированному тексту это тоже относится. Будьте любезны поправить свой вопрос.

Вот что и где я менял:

node_modules/react-scripts/config/webpackDevServer.config.js

А вот и не угадали - так делать нельзя. Это библиотечный каталог.
RTFM:

1. https://metanit.com/web/nodejs/2.4.php
   
2. https://create-react-app.dev/
   

/etc/postgresql/14/main/pg_hba.conf
listen_addresses = 'localhost, 127.0.0.1, IPADDR1, IPADDR2, HOST1'

Если у вас там не приватная сеть с приватным сетевыми адаптерами - то так делать нельзя. Изучайте основы сетевой безопасности и правильной настройки БД на сервере.

Answer 1

[VoidVolker]

Для начала вам следует подучить матчасть, чтобы понимать как работают сайты и сети на базовом уровне, а так же разобраться на чем именно у вас сайт создан: на NodeJS, где традиционно и применяется пакетный менеджер npm или на питоне и джанго, где традиционно применяется пакетный менеджер pip. Подключение к БД осуществляется на стороне бэкэнда, а react - это библиотека для фронтенда.

Comments

[David David]

То есть эта проблема на стороне drf?

[VoidVolker]

Вот где вы там подключаетесь к БД - вот там и смотрите и изучайте, что, как и куда подключается и что для этого надо сделать.

[David David]

VoidVolker, в гугле мало инфы именно настроки бэкенда. есть какаято точная информация по настроке серверной части адрес я вроде прописал везде и в drf и в postgres и даже в node.js. ничего не помогло. где еще информацию искать? именно про это

[VoidVolker]

Как это мало? Значит либо не то ищите либо не там - инструкций, статей и мануалов полно. Повторюсь еще раз:

разобраться на чем именно у вас сайт создан: на NodeJS, где традиционно и применяется пакетный менеджер npm или на питоне и джанго, где традиционно применяется пакетный менеджер pip

Бэк подключается к БД - если он не может подключиться, то пишет ошибку. По этой ошибке можно провести дебаг, найти причину и исправить её. Соответственно, вам это и следует сделать - провести дебаг и понять в какой момент и что именно пошло не так.