В чем причина ошибки 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

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

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

Подписаться 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
на любой странице.

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

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

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

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

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

JavaScript

+2 ещё

Средний
Как подключить вконтакте на сайт чтобы слать юзеру в вк уведомления или сообщения?
- нет подписчиков
- вчера
- 126 просмотров
1

ответ
Node.js

+1 ещё

Средний
Как отдельным потоком постоянно отправлять сообщения в WebSocket клиенту?
- 1 подписчик
- вчера
- 77 просмотров
2

ответа
Node.js

+1 ещё

Простой
Как включить авто импорт nodejs модулей?
- 1 подписчик
- вчера
- 55 просмотров
2

ответа
JavaScript

+1 ещё

Сложный
Fastify долгая загрузка что можно сделать как найти причину?
- 1 подписчик
- вчера
- 50 просмотров
0

ответов
Linux

+2 ещё

Простой
Почему не удается подключиться к серверу с самоподписанным доверенным сертификатом?
- 2 подписчика
- 22 нояб.
- 219 просмотров
0

ответов
Node.js

+1 ещё

Средний
Как получить список всех участников телеграм группы?
- 1 подписчик
- 20 нояб.
- 153 просмотра
0

ответов
Node.js

+1 ещё

Простой
Как в Vite запустить конфигурацию build + lint --watch?
- 1 подписчик
- 19 нояб.
- 29 просмотров
0

ответов
Node.js

+1 ещё

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

ответов
Node.js

+2 ещё

Простой
Ошибка Error: EACCES: permission denied, stat '/root/.config/postcss' при сборке?
- 1 подписчик
- 18 нояб.
- 61 просмотр
1

ответ
Node.js

+2 ещё

Простой
Как сделать ответ бота на сообщение из кнопок в вк на node js?
- 1 подписчик
- 16 нояб.
- 60 просмотров
1

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

Backend Developer (Node.js)🔥

Fundraise Up

от 3 800 до 6 300 $

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

Wanted.

от 250 000 до 330 000 ₽

Senior backend developer (Node.js)

CTRL+ • Белград

от 250 000 до 320 000 ₽

Создать мини-приложение календарь в ВК

25 нояб. 2024, в 22:44

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

Разметить медицинские изображения для лаборатории LabelHub

25 нояб. 2024, в 22:13

450 руб./в час

Разметить данные для машинного обучения и задач компьютерного зрения

25 нояб. 2024, в 22:05

400 руб./в час

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 запроса?

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

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

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