Network Error при запросе на сервер через Axios

116
29 ноября 2019, 22:40

код запроса на клиенте , тестирую на локалке (подключаюсь к localhost:4000) :

export const sendData = data => (dispatch) => { 
  dispatch(sendDataRequest()); 
  const url = routes.syncUrl(); 
  axios.post(url, data) 
    .then((response) => { 
      console.log(response); 
      dispatch(sendDataSuccess({ responseLink: response.data })); 
    }) 
    .catch((err) => { 
      console.log(err); 
      dispatch(sendDataFailure({ responseError: 'errore del request' })); 
    }); 
};

код на стороне сервера , закомментированый вариант с корс заголовками тоже не работает:

export default () => { 
  const app = new Express(); 
  app.use(cors()); 
  /* app.use((req, res, next) => { 
    res.header('Access-Control-Allow-Origin', '*'); 
    res.header('Access-Control-Request-Method', '*'); 
    res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept'); 
    next(); 
  }); */ 
 
  app.use(bodyParser.urlencoded({ extended: false })); 
 
  app.post('/', (req, res) => { 
    res.send('tipo qualche link dal server'); 
  }); 
  return app; 
};

Вот собственно ошибка которая вылетает в консоли firefox при попытке запроса :

 Error 
​ 
columnNumber: 15 
​ 
config: Object { timeout: 0, xsrfCookieName: "XSRF-TOKEN", xsrfHeaderName: "X-XSRF-TOKEN", … } 
​ 
fileName: "file:///home/anehoda/projectImap/dist/main.js" 
​ 
lineNumber: 746 
​ 
message: "Network Error" 
​ 
request: XMLHttpRequest { readyState: 4, timeout: 0, withCredentials: false, … } 
​ 
response: undefined 
​ 
stack: "createError@file:///home/anehoda/projectImap/dist/main.js:746:15\nhandleError@file:///home/anehoda/projectImap/dist/main.js:289:14\n" 
​ 
__proto__: Object { … }

Не понимаю в чем проблема , в интернете повсюду пишут что проблема в corss но у меня нужные заголовки уже присутствуют как видите

Answer 1

Вопрос решился добавлением http:// к url запроса . Было "localhost:3000/" а надо "http://localhost:3000/" . get запрос через браузер работал потому что браузер автоматически добавляет http:// к адресу а вот Axios походу нет.

READ ALSO
Как получить response, используя $.postJson()

Как получить response, используя $.postJson()

Задача состоит в получении ответа, используя IJavaScriptExecutor и метод $postJson() Реализация следующая

130
Как скачать файл из полученной ссылки response?

Как скачать файл из полученной ссылки response?

С фронтенда (React) отправляю fetch-запрос на сервер для скачивания определённого файлаВ этой же функции получаю response со статусом 200

117
При клике передать заголовок в инпут

При клике передать заголовок в инпут

Есть скрипт который передает при клике заголовок ссылки в инпут

138