Может кто знает,в библиотеке universal-webpack,можно ли встроеными методами достать ссылки на ассеты из webpack-chunks.json ?Как это было в webpack-universal-tools

само собой https://t.me/webpack_ru

само собой https://t.me/webpack_ru

Так это относится больше к реакту и SSR ;D

Может кто-нибудь объяснить как работает .env файл? Можно ли как то настроить, что бы для тестового сервера загружался один файл, а для прода другой? И как использовать переменные из этого файла в коде? Например, что бы для теста url апи брался из .env.test, а для прода, эта же переменная бралась из .env.production. Или при сборке с помощью npm run build данные будут сами подтягиваться из .env.production? Как это работает?

Может кто-нибудь объяснить как работает .env файл? Можно ли как то настроить, что бы для тестового сервера загружался один файл, а для прода другой? И как использовать переменные из этого файла в коде? Например, что бы для теста url апи брался из .env.test, а для прода, эта же переменная бралась из .env.production. Или при сборке с помощью npm run build данные будут сами подтягиваться из .env.production? Как это работает?

Это не про реакт

Может кто-нибудь объяснить как работает .env файл? Можно ли как то настроить, что бы для тестового сервера загружался один файл, а для прода другой? И как использовать переменные из этого файла в коде? Например, что бы для теста url апи брался из .env.test, а для прода, эта же переменная бралась из .env.production. Или при сборке с помощью npm run build данные будут сами подтягиваться из .env.production? Как это работает?

Если вебпаком собираешь, то https://www.npmjs.com/package/dotenv-webpack

Может кто-нибудь объяснить как работает .env файл? Можно ли как то настроить, что бы для тестового сервера загружался один файл, а для прода другой? И как использовать переменные из этого файла в коде? Например, что бы для теста url апи брался из .env.test, а для прода, эта же переменная бралась из .env.production. Или при сборке с помощью npm run build данные будут сами подтягиваться из .env.production? Как это работает?

в CRA легко, делаешь файлы .env.development, .env.test, .env.production и определяешь внутри переменные окружения начинающиеся с REACT_APP_* в самом приложении env.process.REACT_APP_*

там еще есть куча возможностей https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-custom-environment-variables

создай проект, сделай eject и посмотри как они это реализовали

Коллеги привет, делаю запрос к url через axios, в headers добавил Authorization , т.к. Авторизация Basic , но он почему то возвращает 401 (Unauthorized)

Коллеги привет, делаю запрос к url через axios, в headers добавил Authorization , т.к. Авторизация Basic , но он почему то возвращает 401 (Unauthorized)

а на сервере тоже basic? :))

Каким образом можно зарендерить инпуты, которые формируются из объекта, который получаются при реквесте на сервер, и при этом хранить стейт каждого инпута?

Коллеги привет, делаю запрос к url через axios, в headers добавил Authorization , т.к. Авторизация Basic , но он почему то возвращает 401 (Unauthorized)

Покажите как хедеры формируете, мало инфы

axios.post(session_url, {}, { headers : { 'Access-Control-Allow-Origin' : '*', 'Access-Control-Allow-Headers' : 'Origin, X-Requested-With, Content-Type, Accept', 'Access-Control-Allow-Methods' : 'PUT, GET, POST, DELETE, OPTIONS', 'Authorization' : 'Basic QVBJOkM3cXh6dHU=' }, auth: { username: uname, password: pass } })

Вот, даже два раза передаю auth

axios.post(session_url, {}, { headers : { 'Access-Control-Allow-Origin' : '*', 'Access-Control-Allow-Headers' : 'Origin, X-Requested-With, Content-Type, Accept', 'Access-Control-Allow-Methods' : 'PUT, GET, POST, DELETE, OPTIONS', 'Authorization' : 'Basic QVBJOkM3cXh6dHU=' }, auth: { username: uname, password: pass } })

на всякий случай, бакенд же умеет в CORS?

а по поводу Authorization уточни не Bearer ли там

axios.post(session_url, {}, { headers : { 'Access-Control-Allow-Origin' : '*', 'Access-Control-Allow-Headers' : 'Origin, X-Requested-With, Content-Type, Accept', 'Access-Control-Allow-Methods' : 'PUT, GET, POST, DELETE, OPTIONS', 'Authorization' : 'Basic QVBJOkM3cXh6dHU=' }, auth: { username: uname, password: pass } })

Authorization: Bearer ${token}

Попробуйте так

Я через Postman делаю запрос, получаю все, он пердлагает мне в хэдере прописать просто Basic QVBJOkM3cXh6dHU=

"authorization": "Basic QVBJOkM3cXh6dHU="

на всякий случай, бакенд же умеет в CORS?

А корсы разве 401 вернут?

А корсы разве 401 вернут?

вообще нет конечно

поэтому я думаю, что там скорее всего не Basic

лично я давно Basic не встречал уже

Или токен неверный) такое тоже возможно)

Вот в Postman так и все ок

кроме того для дев окружения можно вообще избавиться от CORS полностью

Через курл сделай

а в проде возможно и CORS никакого нет

А то постманами они тестируют)

Вот в Postman так и все ок

Если через curl не пройдет, то ты что-то в хелерах не то скорее всего отправляешь, просто постмен много чего сам навешает

кстати, рекомендую вместо curl установить утилитку http

для линукса и macos есть

гораздо удобнее и приятнее выглядит с подсветкой сразу хедеров и json

А олдскул?

кстати, рекомендую вместо curl установить утилитку http

Надо глянуть

А олдскул?

а оно и есть олдскул :))

только более наглядный

Вот в Postman так и все ок

Кстати, постмен в basic auth вроде barear добавляет, не? Попробуйте

только более наглядный

Спасибо, гляну на досуге, но обычно курс из-заплагина в вскод

curl в смысле?

попробовать barear?

Да, автоисправление

попробовать barear?

Уже пару раз говорили

попробовать barear?

Bearer

так а если у меня basic auth то в axios просто auth не подойдет?

Как вообще передавать такое? в хэдере или через auth?

так а если у меня basic auth то в axios просто auth не подойдет?

мы ж твоего бакенда не знаем

какой смысл передавать токен и логин одновременно?

` headers = { Authorization: `Bearer ${token}` }`

чертов телеграм :))

просто обычно когда юзер зашел в веб, ты ищешь токен в локалсторадже например

ты его берешь и делаешь запрос типа is-auth с этим токеном в хедере

пришел ответ 401, отправляешь юзера логиниться

сабмитит форму, отправляешь данные auth: { username, password } что то типа этого

получаешь токен

Не, у меня задача попроще, есть веб сервис, надо к нему обратиться, логин и пароль постоянный и получить оттуда данные в json

ну если там есть логин и пароль значит есть ендпоинт получения токена по ним

типа sign_in или login

Нет там такого, просто логин и пароль

Нет там такого, просто логин и пароль

ну смотри что эендпоинт по логину и паролю возвращает

у тебя сайт будет на другом домене висеть отдельно от этого сервиса?

Нет, на том же

ERROR: S client not available

Нет, на том же

на хера тебе Cross Origin вообще?

если продакшн у тебя на том же домене в итоге будет

Тестирую пока что на другом домене

для дев окружения добавь proxy в package.json

"proxy": { "/staging": { "target": "http://staging.service.local", "pathRewrite": { "^/staging": "" } }, "/local": { "target": "http://localhost:9292", "pathRewrite": { "^/local": "" } } },

что то типа такого сделай для себя

в самом приложении определяй что если дев окружение то префикс перед урлом делай /local

local это дев?

ага

работает прозрачно

т.е. вебпак дев сервер перехватывает твои запросы к урлу начинающемуся с локал и делает их с бакенда

браузер отдыхает в этот момент

и про корс в итоге ничего не знает

а ну еще веб сервис поднят через https это имеет значение?

а ну еще веб сервис поднят через https это имеет значение?

нет не имеет, просто замени http на https

у меня так три окружения работают одинаково

Сделал, но все равно авторизацию не проходит

в проде CORS нет, на стейджинге и локал деве CORS

Сделал, но все равно авторизацию не проходит

у тебя к бакенду есть доступ то?

надо там смотреть почему именно не проходит

Да

на чем там сделано?

Там апач стоит просто и прога которая отдает по http сервису jsin

json

надо смотреть контроллер собственно как он определяет что ты не авторизован

либо логин пароль кривой вводишь

либо токен не в тот header передаешь

он же его по факту может где угодно ждать, это от бакендера зависит

не все знают стандарты :))

и лепят как попало как привыкли

А если я буду логин и пароль передавать только axios.post(session_url, {}, { auth: { username: uname, password: pass } })