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

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

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

Подписаться 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

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- вчера
- 48 просмотров
0

ответов
Node.js

Простой
По какому принципу декораторы работают в Node JS?
- 1 подписчик
- 21 апр.
- 63 просмотра
1

ответ
Node.js

+3 ещё

Простой
Как настроить WSS на apache, учитывая что https (REST api) работает?
- 1 подписчик
- 21 апр.
- 99 просмотров
1

ответ
Node.js

+1 ещё

Средний
Как авторизироваться в вк через node js?
- 1 подписчик
- 20 апр.
- 41 просмотр
0

ответов
JavaScript

+2 ещё

Средний
Проблемы с telegram bot, а именно с сообщениями, как исправить?
- 1 подписчик
- 17 апр.
- 90 просмотров
1

ответ
Angular

Средний
Как исправмить ошибку — No value accessor for form control unspecified name attribute?
- 1 подписчик
- 17 апр.
- 26 просмотров
0

ответов
Node.js

+1 ещё

Простой
Error during build: RollupError: Could not resolve. Как исправить ошибку?
- 1 подписчик
- 15 апр.
- 36 просмотров
2

ответа
JavaScript

+4 ещё

Простой
Что делать, если после залива приложения на VPS страница остается недоступной?
- 1 подписчик
- 15 апр.
- 100 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как на стороне сервера узнать что клиент закрыл браузер?
- 1 подписчик
- 13 апр.
- 181 просмотр
2

ответа
Node.js

Простой
Почему coverage в vitest не видит нужную версию node и падает?
- 1 подписчик
- 13 апр.
- 53 просмотра
1

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

Node.js разработчик

ДАЛЕЕ • Москва

от 200 000 ₽

Senior Backend Developer Node.js

Radium Finance • Москва

от 300 000 до 400 000 ₽

Backend Developer (Node.js), Remote 🔥

Fundraise Up

от 3 800 до 6 300 $

Дизайн ios приложения утилиты

25 апр. 2024, в 12:20

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

Куплю аккаунт Linkedin

25 апр. 2024, в 12:08

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

Помощь СММ-специалиста

25 апр. 2024, в 11:49

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

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

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

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

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