小编Dyl*_*ost的帖子

我在我的 Vue/Vuetify 应用程序中使用导航栏，并添加了一个v-app-bar-title组件来显示用户当前所在页面的名称。但是，当我加载某些页面时，标题文本会被截断，并且只有在我重新加载页面时才会自行更正。这是我的意思的一个例子，我在元素中添加了一个红色边框以表明文本应该有足够的空间：

如果我重新加载页面，磁贴会恢复正常：

我尝试将text-overflow: show属性添加到元素，但这似乎没有任何效果。我还添加了一个min-width属性，但这未能改变标题的行为。

编辑：包括一些额外的代码：

这是我正在使用的标题组件：

<v-app-bar-title class="title" >{{ title }}</v-app-bar-title>

这是它的 CSS：

.title {
  flex-grow: 10;
  color: var(--text-reverse);
  text-overflow: show;
  // border: 1px solid red;
}

我确实通过v-app-bar-title用 a替换组件找到了一种解决方法span，但这感觉很便宜，我希望能够尽可能多地利用 vuetify。

我正在使用 FastAPI 的用户指南（JWT/Bearer 令牌）中详述的身份验证方案。当我尝试从/token端点获取令牌时，请求在路径操作函数运行之前失败。这是有问题的函数：

async def login_for_access_token(form_data: OAuth2PasswordRequestForm = Depends(), session: SessionLocal = Depends(get_db)):
    user = authenticate_user(session, form_data.username, form_data.password)
    if not user:
        raise HTTPException(
            status_code=status.HTTP_401_UNAUTHORIZED,
            detail="Incorrect username or password",
            headers={"WWW-Authenticate": "Bearer"},
        )
    access_token = create_access_token(data={"sub": user.id})
    return {"access_token": access_token, "token_type": "bearer"}

我通常使用断点来帮助找出在这些情况下出了什么问题，但是在函数中的任何代码实际运行之前调用就失败了，这让我相信问题出在OAuth2PasswordRequestForm依赖项上。我通过禁用form_data parameter并能够执行完整请求来验证这是问题所在。

我得到的错误在细节上非常少。这是我在控制台中得到的：INFO: 127.0.0.1:52261 - "POST /token HTTP/1.1" 400 Bad Request

这是我在 Swagger UI 中看到的：

这在教程中使用的单文件格式中对我有用，但我已经将事情分解成不同的文件以保持我的更大项目的组织。我有一种感觉，在重新组织此代码时，我只是在某处错过了一些东西，但似乎无法弄清楚是什么导致了这种情况。