Компиляция прошла успешно, но браузер не может получить доступ к сайту
Я делаю свой первый проект с Django и React. Всякий раз, когда я запускаю
npm run dev
Проект компилируется успешно. Но как только я перехожу в браузер, он говорит, что сайт не может быть достигнут и что
localhost rejected the conection.
Я попробовал запустить
PORT=8001 npm run dev
но все повторяется.
Я читал другие варианты изменения файла webpack.config.js, например, такой
devServer: {
contentBase: path.join(__dirname, 'dist'),
compress: true,
port: 3000,
open: true,
},
но в моем проекте нет папки dist
React и Django должны быть разными проектами, работающими на разных портах.
По умолчанию react запускается на порту 3000 с помощью команды npm run dev, а django - на 8000 с помощью команды python manage.py runserver.
Тогда вы можете разрабатывать front-end и back-end по отдельности следующим образом:
Front-end: localhost:3000
Back-end: localhost:8000
Когда вы запустите фронтенд, он выдаст сообщение об успехе в терминале с указанием url порта, например:
Локальный: http://localhost:3000 В вашей сети: http://192.168.1.100:3000
Обязательно скопируйте локальный и вставьте его в браузер.
Порт сервера Django после запуска сервера python manage.py: Запуск сервера разработки по адресу http://127.0.0.1:8000/