try { const data = await SignInAPI.signIn(email, passwordCoding(password), rememberMe); if (data.error) { signInError(dispatch, data.error); } else { dispatch(nekoSetName(data.name)); } } catch (e) { signInError(dispatch, e.message); при коде ошибки 400 (например) - кидает в catch, но ошибка приходит с телом - как получить data.error в catch???

js react axios

Парни всем добрый вечер есть проект с локальным api написанным на Node.js express я его запускаю на :4000 порте а react на :3000 когда в адресной строке пишу http://localhost:4000/auth/user мне возвращается объект json (все ок) но при попытке запроса с react с axios, у меня вылетает ошикбка в стиле ‘Access to XMLHttpRequest at 'http://localhost:4000/auth/user' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.’

Решение

@PetrovIliya а это куда мне вставить?

я так пнимаю в бек да?

Решение

1) npm i cors - пакет установить 2) const cors = require('cors') в том месте, где сервер прописан 3) в файле .env (который нужно поставить в исключение .gitignore) создать переменную окружения NODE_ENV=development, а также создать переменную CLIENT_URL=http://localhost:3000 - порт работы React front

дай бог здоровья, сейчас попробую

1) npm i cors - пакет установить 2) const cors = require('cors') в том месте, где сервер прописан 3) в файле .env (который нужно поставить в исключение .gitignore) создать переменную окружения NODE_ENV=development, а также создать переменную CLIENT_URL=http://localhost:3000 - порт работы React front

в переменных окружения недопустимы пробелы при объявлении и присваивании значения. (!!)

@PetrovIliya не получилось

.env

NODE_ENV=development CLIENT_URL=http://localhost:3000

как я понял

переписал установил пакет

но ошибка все та же

@PetrovIliya не получилось

Убирайте тогда все эти cors пакеты. В файл package.json в реакте где-нибудь разместите строчку "proxy": "http://localhost:4000"

в проекте Реакт. Ничего тогда не трогайте в бэке, потом разберетесь. Сейчас эту строчку, чтобы сказать Реакт, что все сетевые запросы будут идти на указанный прокси

В самом запросе axios.get('/auth/user') - без localhost, так как реакт уже в курсе откуда получать данные

xhr.js:178 GET http://localhost:3000/auth/user 404 (Not Found)

очень странно

xhr.js:178 GET http://localhost:3000/auth/user 404 (Not Found)

почему 3000, там же реакт. нужно 4000 . порт Express

я не очень вопрос понял ваш… у меня запускается реакт на 3000 express на 4000 я поставил прокси на 4000порт, как мне по дефолту сказать что не на 3000 порт а на 4000 порт?

Подскажите есть ли такой редактор что б в одном окне был код во втором то что получается, тапа https://i.imgur.com/50O5CnJ.jpg

я не очень вопрос понял ваш… у меня запускается реакт на 3000 express на 4000 я поставил прокси на 4000порт, как мне по дефолту сказать что не на 3000 порт а на 4000 порт?

Тогда всё же cors библиотечку и такой код const cors = require('cors'); app.use(cors({ origin: 'http://localhost:3000', credentials: true }));

proxy удаляю?

я не очень вопрос понял ваш… у меня запускается реакт на 3000 express на 4000 я поставил прокси на 4000порт, как мне по дефолту сказать что не на 3000 порт а на 4000 порт?

А заголовки ответа пробовал ставить ?

А

А

?

А ты знаешь что есть заголовки ответа?

Ща

proxy удаляю?

Всё удаляете, пробуйте. В заголовки ответа тоже вариант, но нужно чуть лучше тогда бэк узнать, там нет ничего сложного

xhr.js:178 GET http://localhost:4000/auth/user net::ERR_CONNECTION_REFUSED

xhr.js:178 GET http://localhost:4000/auth/user net::ERR_CONNECTION_REFUSED

Заголовки настрой там как-то аксессуары токен и значение *

И всё будет

хорошо, спасибо

Кросс браузерные запросы заголовки

Как то так гугли

Ща погодь

хорошо, спасибо

app.use(function(req, res, next) { res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept'); next(); });

Все шо в сет хедер

Вписыай и будет работать

ДД вечер)))

Подскажите пож. не работает зануление в textarea

Код вот

const ADD_DOCTOR = 'ADD-DOCTOR'; const UPDATE_NEW_POST_TEXT_DOCTOR = 'UPDATE-NEW-POST-TEXT-DOCTOR'; let initialState = { posts: [ {message: "Doctor 1!!!"}, {message: "Doctor 2!!!"} ], newPostText:'' }; const profileReducer = (state = initialState , action) => { switch (action.type) { case ADD_DOCTOR: let newText = state.newPostText; state.posts.push({message: newText}); state.newPostText =''; return state; case UPDATE_NEW_POST_TEXT_DOCTOR: state.newPostText = action.newText; return state; default: return state; } }; export const addDoctorActionCreator = () => { return { type: ADD_DOCTOR } }; export const updateNewPostTextDoctorActionCreator = (newText) => { return { type: UPDATE_NEW_POST_TEXT_DOCTOR, newText: newText } }; export default profileReducer;

Лучше сфоткай

Что не работает

Не работает state.newPostText ='';

не зануляет после нажатия на кнопку

Но добовляет?

добавляет

да

Именно то, что пишешь?

да все проверил

Комноненту тоже заскринь

Ребят, решил немного поэкспериментировать и в методе подписки на пользователя вместо копии элемента со стейта взял оригинальный элемент, оно в итоге ругается на то, что не может взять какое-то свойство у undefined Хотел уточнить, это же получается я пытаюсь изменить оригинальный массив пользователей из стейта(который на сервере),из-за этого оно получает неправильный объект из массива и в итоге undefined?

ВСЕ ПОЛУЧИЛОСЬ Я НАШЕЛ ОШИБКУ СПАСИБО ВСЕМ

Ребят, решил немного поэкспериментировать и в методе подписки на пользователя вместо копии элемента со стейта взял оригинальный элемент, оно в итоге ругается на то, что не может взять какое-то свойство у undefined Хотел уточнить, это же получается я пытаюсь изменить оригинальный массив пользователей из стейта(который на сервере),из-за этого оно получает неправильный объект из массива и в итоге undefined?

ты не можешь изменить из сервера....ты получил данные и верти их как угодно

ты не можешь изменить из сервера....ты получил данные и верти их как угодно

тогда по идее оно должно работать даже если я не делаю копию данных, но оно не работает, почему?

тогда по идее оно должно работать даже если я не делаю копию данных, но оно не работает, почему?

а строку как на скрине...можно рвать так?.. ладно ...я всеравно с мобилы опять хочу чёт помочь )) эт с компа над

ничего не изменяется, даже если я ставлю строку по-другому)

ничего не изменяется, даже если я ставлю строку по-другому)

я б кроч видос с подпиской пересмотрел у Димыча

action.payload.id должно там быть, если action.payload это у тебя обьект у которого есть id

и заверни в массив

arrauFoundUser: [...state.arrauFoundUser.map(..........) ]

Кто подскажет как исправить?

и если просто через онклик тоже Null

проверь свой input

arrauFoundUser: [...state.arrauFoundUser.map(..........) ]

payload у меня нет, код весь рабочий, если делать копию item. Обернул в массив, все равно вываливается в ошибку, но при обновлении подписка/отписка уже изменена

точно ли берешь по id и получаешь

там button

а тю

сори понял

спасибо)))