<h1 dir="auto">ENV:</h1>
<p dir="auto">Python: 3.7.5<br>
fastapi: 0.55.1<br>
Google Chrome: Version 84.0.4147.89 (Official Build) (64-bit)</p>
<h1 dir="auto">The video record:</h1>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/10546774/88247884-f3e00f00-ccd1-11ea-888e-432551d3a8bc.gif"><img src="https://user-images.githubusercontent.com/10546774/88247884-f3e00f00-ccd1-11ea-888e-432551d3a8bc.gif" alt="record" data-animated-image="" style="max-width: 100%;"></a></p>
<p dir="auto">Please help.</p>
<p dir="auto">I've come across some strange behavior in automatic interactive API documentation (provided by Swagger UI)<br>
when I get to the page<br>
<code class="notranslate">http://127.0.0.1:8000/docs</code><br>
The list of routes is displayed with the parameters I have set: <code class="notranslate">prefix</code>, <code class="notranslate">tags</code>. So far, so good.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/28572064/88197701-825d7d80-cc4b-11ea-9607-79a50fa21e7c.png"><img src="https://user-images.githubusercontent.com/28572064/88197701-825d7d80-cc4b-11ea-9607-79a50fa21e7c.png" alt="Screenshot from 2020-07-22 18-43-12" style="max-width: 100%;"></a></p>
<p dir="auto">Problems begin when I click on any of the methods. A new group with the<code class="notranslate"> tags=default</code> parameter appears on the page and the endpoint that I clicked is automatically added to it. By successively clicking on all my endpoints I end up with one group with tags=default in which all my endpoints are concentrated. But I can't see their contents, because when I click on any of them I see an infinitely spinning boot.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/28572064/88197880-c0f33800-cc4b-11ea-9a09-ca6de698344b.png"><img src="https://user-images.githubusercontent.com/28572064/88197880-c0f33800-cc4b-11ea-9a09-ca6de698344b.png" alt="Screenshot from 2020-07-22 18-46-07" style="max-width: 100%;"></a><br>
This behavior is observed on both the local machine and the remote server.<br>
In the <strong>main.py</strong> file, I use this routing system</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="app.include_router(text_ocr.router, prefix='/image', tags=['image'])
app.include_router(notes.router, prefix='/notes', tags=['notes'])
app.include_router(product.router, prefix='/product', tags=['product'])"><pre class="notranslate"><code class="notranslate">app.include_router(text_ocr.router, prefix='/image', tags=['image'])
app.include_router(notes.router, prefix='/notes', tags=['notes'])
app.include_router(product.router, prefix='/product', tags=['product'])
</code></pre></div>
<p dir="auto">For the purity of the experiment, I commented on these call points and added a standard endpoint from the documentation</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="# app.include_router(text_ocr.router, prefix='/image', tags=['image'])
# app.include_router(notes.router, prefix='/notes', tags=['notes'])
# app.include_router(product.router, prefix='/product', tags=['product'])
@app.get(&quot;/&quot;)
async def root():
    return {&quot;message&quot;: &quot;Hello World&quot;}"><pre class="notranslate"><code class="notranslate"># app.include_router(text_ocr.router, prefix='/image', tags=['image'])
# app.include_router(notes.router, prefix='/notes', tags=['notes'])
# app.include_router(product.router, prefix='/product', tags=['product'])
@app.get("/")
async def root():
    return {"message": "Hello World"}
</code></pre></div>
<p dir="auto">But I got the same result.</p>