Произошла ошибка при попытке прокси на angular 4 rpoject, URL-адрес настроен для HTTPS

Я пытался запустить проект angular 4, развернутый локально на моей машине на порту 4200, используя форму HTML-страницы: -

<!DOCTYPE html>
<html>
<body>
  <form action = "https://test-pubg.sohum.com:4200" target = "_blank" method = "post">
    Access: <input type = "text" id = "accessToken" name = "accessToken"><br> Refresh: <input type = "text" id = "refreshToken" name = "refreshToken"><br>
    <button type = "submit">Submit</button><br>
  </form>

</body>

</html>

Но я получаю

Error occured while trying to proxy to: test-pubg.sohum.com:4200/

в браузере.

Я настроил конфигурацию маршрута для https в package.json, которая выглядит следующим образом:

"start": "ng serve --disable-host-check --ssl 1 --proxy-config proxy.conf.json --host 0.0.0.0",

Мои настройки прокси в proxy.conf.json следующие: -

{
    "/**": {
        "target": {
            "host": "test-pubg.sohum.com",
            "port": 8080,
            "protocol": "http:"
        },
        "secure": false,
        "changeOrigin": true,
        "logLevel": "debug"
    }
}

Я уже пробовал все возможные решения, доступные в других подобных потоках на github и stackoverflow. Но до сих пор ничего не работало.

Я новичок в angular и уже потратил на это несколько дней. Мы будем очень благодарны за любое возможное решение.

Я не совсем уверен, в чем ваша проблема, но обычно я не разделяю конфигурацию target на отдельный хост, порт и протокол. Я просто использую "target": "http://localhost:18080" в своей конфигурации прокси. Вы пробовали это? Еще один момент: поскольку я всегда проксирую более одного пути, я никогда не использовал средство сопоставления путей "/**". Можете ли вы попробовать использовать /test-pubg/ в своей форме и использовать "/test-pubg/" в конфигурации вашего прокси?

Wis 14.08.2018 07:51

@Wis ​​Спасибо за ответ. Я уже пробовал внести предложенные вами изменения, но это не сработало.

codechefvaibhavkashyap 14.08.2018 08:27
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
2
1 326
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Итак, потратив много времени, я обнаружил, что это связано с архитектурной проблемой. Сначала попробуйте разобраться в архитектуре: - HTML (на другом сервере) -> angular (HTTPS) -> весенняя загрузка

поэтому проблема заключалась в том, что Angular пытался перейти с HTTPS angular на загрузку NON-HTTP Spring. Итак, в качестве решения я настроил HTTPS для весенней загрузки и вуаля !! это сработало.

Другие вопросы по теме