云运行+云endpoint+服务帐户身份验证-在curl中工作，但在JS中使用fetch API时不工作

Question

我已经配置了一个执行GCF的云endpoint。当云运行服务允许allusers调用API时，一切都很好。

Chrome JS控制台显示以下错误消息：

CORS策略阻止了从'https://.run.app/do-this&key='from origin'http://0.0.0.0:8080'获取访问：对飞行前请求的响应未通过访问控制检查：请求的资源上没有'access-control-allog-origin'标头。如果一个不透明的响应满足您的需要，请将请求的模式设置为“no-cors”，以便在禁用CORS的情况下获取资源。

这是我在浏览器中运行的JS代码：

        let options: RequestInit = {
            headers: {
                'Authorization': `Bearer ${token}`,
            },
        }
        
        const result = await fetch(fetchURL, options);

当用相同的令牌运行curl时，我得到了预期的响应

curl -H "Authorization: Bearer ${token}" 'https://<my-api>.run.app/do-this&key=<key>'

为了完整起见，这里还有endpointyaml

swagger: '2.0'
info:
  title: My first widget
  description: This is a great widget
  version: 1.0.0
host: <my-api>.run.app
schemes:
  - https
produces: 
  - application/json
paths:
  /do-this:
    get:
      summary: Do-this
      operationId: doit
      x-google-backend:
        address: https://<project-id>.cloudfunctions.net/do-that
      responses:
        '200':
          description: A successful response.
          schema:
            type: string
        '403':
          description: An error occurred
          schema:
            type: string
      security:
        - api_key: []

securityDefinitions:
  # This section configures basic authentication with an API key.
  api_key:
    type: "apiKey"
    name: "key"
    in: "query"

gcloud run services update <my-api> --set-env-vars="^|^ENDPOINTS_SERVICE_NAME=<my-api>.run.app|ESP_ARGS=--rollout_strategy=managed,--cors_preset=basic" --project=<project-id> --platform=managed --region=europe-west1

Google文档提到应该可以从GCP外部调用

如果您从无法访问计算元数据的计算实例（例如您自己的服务器）调用服务，则必须手动生成适当的令牌:
自签名一个服务帐户JWT，并将target_adiudies声明设置为接收服务的URL。将自签名的JWT交换为谷歌签名的ID令牌，该ID令牌应该将aud声明设置为上述URL。在对服务的请求中的Authorization:Bearer ID_TOKEN标头中包括ID令牌。尽管识别代理还不支持云运行（完全托管），但您可以查看识别代理示例代码，了解上面步骤的代码示例。

最终用户部分：提到CORS

Answer 1

cors没有为云endpoint激活。按以下方式更新openAPI规范

swagger: '2.0'
info:
  title: My first widget
  description: This is a great widget
  version: 1.0.0
host: <my-api>.run.app
x-google-endpoints:
- name: <my-api>.run.app
  allowCors: True
...
...
...

或者设置no-corscheck in您的呼叫，如错误消息所述。