В чем причина ошибки get запроса?

Question

Адель Халитов @SaveLolliPoP

1 / 0 = ∞

В чем причина ошибки get запроса?

Клиентскую часть реализовал на ангуляре, бекенд nodejs.
Запрос выглядит так

getHTTP(url) {
    return this.http.get(url).subscribe((data) => {
      console.log(data);
    }, (error) => {
      console.log("Error", error);
    });
  }

Запрос не доходя до сервера, пытается открыть страницу localhost:4200/getLeadList
Хотя должен по логике вещей послать гет запрос на бекенд ноде, взять информацию из бд, после вернуть данные.
Вот код ошибки:

Error HttpErrorResponse {headers: HttpHeaders, status: 200, statusText: "OK", url: "http://localhost:4200/getLeadList", ok: false, …}error: {error: SyntaxError: Unexpected token < in JSON at position 0
    at JSON.parse (<anonymous>)
    at XMLHtt…, text: "<!doctype html>
↵<html lang="en">
↵<head>
↵  <meta…script" src="main.js"></script></body>
↵</html>
↵"}error: SyntaxError: Unexpected token < in JSON at position 0
    at JSON.parse (<anonymous>)
    at XMLHttpRequest.onLoad (http://localhost:4200/vendor.js:26888:51)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (http://localhost:4200/polyfills.js:2781:31)
    at Object.onInvokeTask (http://localhost:4200/vendor.js:72332:33)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (http://localhost:4200/polyfills.js:2780:60)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (http://localhost:4200/polyfills.js:2553:47)
    at ZoneTask.push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (http://localhost:4200/polyfills.js:2856:34)
    at invokeTask (http://localhost:4200/polyfills.js:4102:14)
    at XMLHttpRequest.globalZoneAwareCallback (http://localhost:4200/polyfills.js:4139:21)message: "Unexpected token < in JSON at position 0"stack: "SyntaxError: Unexpected token < in JSON at position 0↵    at JSON.parse (<anonymous>)↵    at XMLHttpRequest.onLoad (http://localhost:4200/vendor.js:26888:51)↵    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (http://localhost:4200/polyfills.js:2781:31)↵    at Object.onInvokeTask (http://localhost:4200/vendor.js:72332:33)↵    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (http://localhost:4200/polyfills.js:2780:60)↵    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (http://localhost:4200/polyfills.js:2553:47)↵    at ZoneTask.push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (http://localhost:4200/polyfills.js:2856:34)↵    at invokeTask (http://localhost:4200/polyfills.js:4102:14)↵    at XMLHttpRequest.globalZoneAwareCallback (http://localhost:4200/polyfills.js:4139:21)"__proto__: Errortext: "<!doctype html>
↵<html lang="en">
↵<head>
↵  <meta charset="utf-8">
↵  <title>CleanupCRM</title>
↵  <base href="/">
↵
↵  <meta name="viewport" content="width=device-width, initial-scale=1">
↵  <link rel="icon" type="image/x-icon" href="favicon.ico">
↵</head>
↵<body>
↵  <app-root></app-root>
↵<script type="text/javascript" src="runtime.js"></script><script type="text/javascript" src="polyfills.js"></script><script type="text/javascript" src="styles.js"></script><script type="text/javascript" src="vendor.js"></script><script type="text/javascript" src="main.js"></script></body>
↵</html>
↵"__proto__: Objectheaders: HttpHeaderslazyInit: ƒ ()lazyUpdate: nullnormalizedNames: Map(0) {}__proto__: Objectmessage: "Http failure during parsing for http://localhost:4200/getLeadList"name: "HttpErrorResponse"ok: falsestatus: 200statusText: "OK"url: "http://localhost:4200/getLeadList"__proto__: HttpResponseBase

Вопрос задан более трёх лет назад
826 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

Комментировать

Пригласить эксперта

Ответы на вопрос 2

13 комментариев

Адель Халитов @SaveLolliPoP Автор вопроса

не помогает(
Все равно пытается открыть несуществующую страницу, хотя должен отправить запрос на сервер

Написано более трёх лет назад
spnq @spnq
Адель Халитов, такая же ошибка? Он не должен парситься как json с таким responseType.
Докинь еще хедер:
const headers = new HttpHeaders({ 'Content-Type': 'text/xml' }).set('Accept', 'text/xml'); this.http.get(url, { headers: headers, responseType: 'text'});
Написано более трёх лет назад
Адель Халитов @SaveLolliPoP Автор вопроса
spnq, spnq, первый вариант вернее работает, но теперь он мне спарсил мой html по адресу localhost:4200/getLeadList, но это ангуляр, поэтому он спрасил просто основной html.
Хотя должен дать запрос nodejs, чтобы тот вытащил инфу с бд.
router.get('/getLeadList', function(req, res) { console.log(req); db.Lead.find({}).then(function(leads) { console.log(leads); res.send(leads); }); });

Но запрос не доходит до сервера
Написано более трёх лет назад
spnq @spnq
Адель Халитов, в оригинальном вопросе он тебе точно. так же присылал html страницу, но пытался спрасить, как json объект, но responseType это выправил.
Поставь, например,
router.get('/getLeadList/leads', function(req, res) { console.log(req); db.Lead.find({}).then(function(leads) { console.log(leads); res.send(leads); }); });

В ангуляре url поменяй на новый эндпоинт
Написано более трёх лет назад
Адель Халитов @SaveLolliPoP Автор вопроса

spnq, Этот шаг ничего не меняет(

Написано более трёх лет назад
spnq @spnq

Адель Халитов, перезапусти node, с нового эндпоинта тебе страница не должна приходить с гета

Написано более трёх лет назад

Адель Халитов @SaveLolliPoP Автор вопроса

getLeadList() {
    return this.myHttp.getHTTP('/getLeadList/lead1');
  }

getHTTP(url) {
    return this.http.get(url, {responseType: 'text'}).subscribe((data) => {
      console.log(data);
    }, (error) => {
      console.log("Error", error);
    });
  }

router.get('/getLeadList/lead1', function(req, res) {
    console.log(req);
    db.Lead.find({}).then(function(leads) {
        console.log(leads);
        res.send(leads);
    });
});

Эффект тот же, что я не так делаю?
Он так же парсит страницу, а не отправляет запрос на сервер

Написано более трёх лет назад

spnq @spnq

Так, попробуй просто url '/lead1' проставить и перезапустить ng serve и node.

Написано более трёх лет назад
spnq @spnq

Адель Халитов, и убери {responseType: 'text'}, он тут уже не нужен, если ты json возвращаешь.

Написано более трёх лет назад

Адель Халитов @SaveLolliPoP Автор вопроса

getLeadList() {
    return this.myHttp.getHTTP('/lead1');
  }

router.get('/lead1', function(req, res) {
    console.log(req);
    db.Lead.find({}).then(function(leads) {
        console.log(leads);
        res.send(leads);
    });
});

То? Не работает

Написано более трёх лет назад

spnq @spnq

Адель Халитов, неужели возвращает ту же страницу? На нее тут ссылок нет. А почему ты не инджектишь http в конструктор и просто не подписываешься?
Ну и попробуй fetch(url).then( res => console. log(res.json())), проверишь, как без httpclient запрос проходит

Написано более трёх лет назад
Адель Халитов @SaveLolliPoP Автор вопроса
spnq,
constructor( private myHttp: myHTTPService ) { }

getLeadList() { return this.myHttp.getHTTP('/getLeadList'); }

Вот конструктор, так код чище, тк запросов по компонентам много разбросано, описал гет в сервисе.

Response {type: "basic", url: "http://localhost:4200/getLeadList", redirected: false, status: 200, ok: true, …}

Вот ответ когда запрос реализован с помощью
fetch(url).then( res => console.log(res) );

Все равно пытается перейти на страницу, которую я указал в .getHTTP('/getLeadList')
Написано более трёх лет назад
Адель Халитов @SaveLolliPoP Автор вопроса
spnq, Я нашел проблему, она заключается в том, что мой nodejs обрабатывает все запросы и ссылается на корневую дирректорию ангуляр.
app.get('*', function(req, res) { res.sendFile(path.join(__dirname, '/dist/cleanupCRM/index.html')); }); //error on get some info "ReferenceError: path is not defined"

Если ее убрать, то запрос доходит до сервера, но при обновлении страниц (при нажатии f5) он будет выдавать ошибку
Cannot GET /someurl
на любой странице.

Как найти в этом коспромисс?
Написано более трёх лет назад

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

Angular

+1 ещё

Простой
Можно ли интегрировать ангуляр?
- 1 подписчик
- 2 часа назад
- 52 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Почему у меня не может найти URL_TO_BOT?
- 1 подписчик
- 15 часов назад
- 36 просмотров
0

ответов
Node.js

Простой
Выполнение кода только на одном из запущенных инстансов nodejs сервиса?
- 2 подписчика
- 18 часов назад
- 106 просмотров
3

ответа
JavaScript

+3 ещё

Средний
Google блокирует запрос на вход,что делать?
- 2 подписчика
- 24 дек.
- 283 просмотра
1

ответ
Angular

+1 ещё

Простой
Как правильно работать с несколькими взаимосвязанными запросами?
- 1 подписчик
- 23 дек.
- 28 просмотров
0

ответов
Node.js

+1 ещё

Средний
Как получить пустые userid участников телеграм группы?
- 1 подписчик
- 22 дек.
- 156 просмотров
0

ответов
Node.js

+2 ещё

Средний
Возможно ли, чтобы запущенный Docker контейнер не содержал скомпилированных файлов NodeJS приложения?
- 2 подписчика
- 22 дек.
- 231 просмотр
1

ответ
Node.js

+1 ещё

Простой
Можно ли создавать и сохранять LaTeX-изображения в Node.js?
- 1 подписчик
- 19 дек.
- 51 просмотр
3

ответа
Node.js

+2 ещё

Средний
Webstrom в меню настроек нет пункта node.js and NPM, как его добавить?
- 1 подписчик
- 19 дек.
- 53 просмотра
2

ответа
Node.js

+1 ещё

Простой
Почему не работает dark mode в tailwind?
- 2 подписчика
- 16 дек.
- 96 просмотров
1

ответ
Показать ещё Загружается…

Разработчик Node.js (BackEnd) Middle +

Wanted.

от 250 000 до 330 000 ₽

Middle Backend Developer (Node.js)🔥

Fundraise Up

от 3 800 до 5 500 $

Fullstack разработчик (Node.js + Vue.js)

Wazzup • Москва

от 240 000 ₽

Спинтакс шаблон

26 дек. 2024, в 14:40

15000 руб./за проект

С ++ парсер тхт логов

26 дек. 2024, в 14:27

100000 руб./за проект

Создание промо-роликов с использованием ИИ и моушн-дизайна

26 дек. 2024, в 13:56

90000 руб./за проект

Answer 1 · 2019-02-17 13:33:40

Я решил проблему, спасибо spnq и моему потраченному времени.

Проблема заключается в следующем.
Не нужно вставлять заголовки, тк это добавляет в ответ ненужные строки кода, которые после нужно обрабатывать.
У меня был обработчик любого get запроса

app.get('*', function(req, res) {
    res.sendFile(path.join(__dirname, '/dist/cleanupCRM/index.html'));
});

, который стоял до основного, который должен был обработать мой get(/getLeadList)

router.get('/getLeadList', function(req, res) {
    console.log('Дошло');
    db.Lead.find({}).then(function(leads) {
        console.log(leads);
        res.send(leads);
    });
});

app.use('/', router);

Последовательность была такая:

app.get('*', function(req, res) {
    res.sendFile(path.join(__dirname, '/dist/cleanupCRM/index.html'));
});
app.use('/', router);

В этой последовательности и была проблема.
Необходимо поменять последовательность, где изначально обрабатываются мои кастомные запросы, а после обработка всех остальных.

app.use('/', router);
app.get('*', function(req, res) {
    res.sendFile(path.join(__dirname, '/dist/cleanupCRM/index.html'));
});

Answer 2 · 2019-02-16 22:55:06

spnq @spnq

Frontend Developer

Попробуй this.http.get(url, {responseType: 'text'})

Ответ написан более трёх лет назад

13 комментариев

Answer 3 · 2019-02-17 14:21:34

Алеша Русских @SobakaRty

Панин

Неправильный алгоритм
Делайте как выше писали вам

Ответ написан более трёх лет назад

Комментировать

В чем причина ошибки get запроса?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт