0

不确定 SO 是否是这个问题的正确位置，但我试一试。我需要让 grpc-web 在我的 Vue 前端运行，所以我了解到我需要 grpc 消息的代理。

运行在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 proxyis this conext 的帮助。我唯一知道的是正确的是socket_address指向grpc_service我的后端 grpc 服务器的。但是我在哪个端口上运行vue app没有跨域以及这些如何prefixes工作？

编辑：
我更新了我的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 上的网络服务器？

更新：
我认为连接超时的根本原因与我的有关，http_filters这应该只应用于/grpc路由。但仍然无法找出有效的配置。

如果需要更多信息，请告诉我！

4

0 回答 0