代码之家 › 专栏 › 技术社区 › RudziankoÅ

如何避免从swagger编辑器发出请求时出现cors错误(“无法获取”或“找不到服务器或发生错误”)。

swagger-editor openapi swagger-ui swagger cors

1

RudziankoÅ · 技术社区 · 6 年前

我有以下OpenAPI定义:

swagger: "2.0"

info:
  version: 1.0.0
  title: Simple API
  description: A simple API to learn how to write OpenAPI Specification

schemes:
  - https
host: now.httpbin.org
paths:
  /:
    get:
      summary: Get date in rfc2822 format
      responses:
        200:
          schema:
            type: object
            items:
              properties:
                now:
                  type: object
                    rfc2822:
                      type: string

我想找回 rfc2822 从 response 以下内容:

{"now": {"epoch": 1531932335.0632613, "slang_date": "today", "slang_time": "now", "iso8601": "2018-07-18T16:45:35.063261Z", "rfc2822": "Wed, 18 Jul 2018 16:45:35 GMT", "rfc3339": "2018-07-18T16:45:35.06Z"}, "urls": ["/", "/docs", "/when/:human-timestamp", "/parse/:machine-timestamp"]}

但是,当我向swagger editor发出请求时,会得到一个错误:

找不到错误服务器或发生错误

我做错什么了?

1 回复 | 直到 6 年前

1

2

Helen 6 年前

请求的资源上不存在“访问控制允许源”头起源' http://localhost:8081 因此不允许访问。

这是一个 CORS 问题服务器位于 https://now.httpbin.org 不支持CORS,因此浏览器不允许从其他域提供的网页通过JavaScript向now.httpbin.org发出请求。

你有几个选择:

询问业主 https://now.httpbin.org网站到 support CORS .

注: 服务器在飞行前不需要身份验证 OPTIONS 请求。 选项 请求应该返回带有正确CORS头的200。
如果您是所有者-请考虑在同一服务器和端口(now.httpbin.org:443)上托管Swagger UI,以完全避免CORS。
在浏览器中禁用CORS限制。 这会降低浏览器的安全性,因此只有在您了解风险的情况下才能这样做。
- Bypass CORS in Chrome
- Bypass CORS in Firefox
使用 SwaggerHub 而不是大摇大摆的编辑器来编辑和测试你的API定义SavaGub代理通过服务器尝试“尝试”,因此不受CORS限制。 (披露:我在一家制造“招摇过市”的公司工作。)

顺便说一下,您的响应定义无效。响应缺少 description 以及 schema 是错误的(例如 items 关键字)应该是:

      responses:
        200:
          description: OK
          schema:
            type: object
            properties:
              now:
                type: object
                properties:
                  rfc2822:
                    type: string