Настройте посланника для vue с помощью grp c -web - PullRequest
Новая
       44

Настройте посланника для vue с помощью grp c -web

0 голосов
/ 21 марта 2020

Не уверен, что SO - правильное место для этого вопроса, но я попробую. Мне нужно запустить grp c -web на моем Vue интерфейсе, чтобы я узнал, что мне нужен прокси для сообщений grp c.

vue app работает на виртуальном linux машина, а также прокси envoy, но вся конфигурация порта для меня, если честно, немного загадка. Это мой текущий envoy.yaml

    admin:
  access_log_path: /tmp/admin_access.log
  address:
    socket_address: { address: 0.0.0.0, port_value: 9901 }


static_resources:
  listeners:
  - name: listener_0
    address:
      socket_address: { address: 0.0.0.0, port_value: 8080 }
    filter_chains:
    - filters:
      - name: envoy.http_connection_manager
        config:
          codec_type: auto
          stat_prefix: ingress_http
          route_config:
            name: local_route
            virtual_hosts:
            - name: grpc_service_host
              domains: ["*"]
              routes:

              - match: { prefix: "/grpc" }
                route:
                  prefix_rewrite: "/"
                  cluster: grpc_service
                  max_grpc_timeout: 0s

              - match: { prefix: "/" }
                route:
                  cluster: vue_service
              cors:
                allow_origin_string_match:
                - prefix: "*"
                allow_methods: GET, PUT, DELETE, POST, OPTIONS
                allow_headers: keep-alive,user-agent,cache-control,content-type,content-transfer-encoding,custom-header-1,x-accept-content-transfer-encoding,x-accept-response-streaming,x-user-agent,x-grpc-web,grpc-timeout
                max_age: "1728000"
                expose_headers: custom-header-1,grpc-status,grpc-message

          http_filters:
          - name: envoy.grpc_web
          - name: envoy.cors
          - name: envoy.router

  clusters:
  - name: grpc_service
    connect_timeout: 5s
    type: logical_dns
    http2_protocol_options: {}
    lb_policy: round_robin
    hosts: [{ socket_address: { address: 192.168.1.27, port_value: 50055 }}]

  - name: vue_service
    connect_timeout: 5s
    type: logical_dns
    http2_protocol_options: {}
    lb_policy: round_robin
    hosts: [{ socket_address: { address: 192.168.1.125, port_value: 8001 }}]

Мне нужна помощь в том, как использовать envoy proxy в этом контексте. Единственное, что я знаю, это правильно - это socket_address из grpc_service, который указывает на мой бэкэнд-сервер grp c. Но на каком порту я запускаю vue app, чтобы не иметь перекрестного источника, и как эти prefixes работают?

edit :
Я обновил свою конфигурацию envoy.yaml что я теперь получу, если открою адрес веб-сервера 192.168.1.125:8080 в моем браузере - 

upstream connect error or disconnect/reset before headers. reset reason: connection termination

при открытии 192.168.1.125:8001, который я вижу веб-сайт, но я получаю предупреждение о происхождении из-за 

<script>
/* eslint-disable no-unused-vars */
import * as grpcWeb from 'grpc-web';
import {FrontendClientServiceClient} from './model/frontend_client_grpc_web_pb';
import {Empty} from './model/common_pb';
import {SerializationStatus} from './model/frontend_client_pb';

const service = new FrontendClientServiceClient('http://192.168.125:8080/grpc', null, null);
const request = new Empty();

const call = service.statusStreamSubscription(request);
</script>

Итак, мой вопрос: как мне настроить прокси-сервер-посредник, чтобы не было проблем с перекрестным происхождением, это означает доступ к веб-серверу через порт 8080?

update :
Я думаю, причина root для времени ожидания соединения связана с моим http_filters, который должен применяться только к маршруту /grpc. Но все еще не могу понять, какая конфигурация работает.

Если требуется дополнительная информация, дайте мне знать!

...