FastApi 无法写入 cookie 响应，在 docker on vps，如何解决？

Question

无法登录，我运行本地在 docker 我的容器中，我可以在我的机器上登录并且 docker 没有错误，但是在我的远程服务器上我不能登录，it doesn't write cookie in reponse，have no error，只是不要写回复。它只是在我设置的页面上重定向我，然后我得到了错误，因为我在 cookie 中没有我的 cookie 授权密钥。

video

我的登录方法

@auth_router.post('/signin')
async def sign_in(response: Response, username: str = Form(...), password: str = Form(...), recaptchav3: str = Form(...)) -> dict:

    is_human = await verify_recaptcha(recaptchav3)
    if is_human['success']:
        user = await authenticate_user(username, password)

        if not user:
            raise HTTPException(
                status_code=status.HTTP_401_UNAUTHORIZED,
                detail='Invalid username or password',
            )

        user_obj = await User_Pydantic.from_tortoise_orm(user)
        user_token = await generate_token(user_obj)

        response.set_cookie(key="Authorization", value=user_token, httponly=True, secure=True, expires=(8*60*60))
        response.headers["Authorization"] = user_token

        user.jwt_token = user_token
        await user.save()

        return {
            'access_token': user_token,
            'token_type': 'bearer'
        }
    else:
        raise HTTPException(
            status_code=status.HTTP_400_BAD_REQUEST,
            detail='Invalid captcha',
        )

我如何提交表单 js

const request = (method, url, data = null, redirectPage) => {
    return new Promise((resolve, reject) => {
        let xhr = new XMLHttpRequest()
        xhr.open(method, url, true)
        // xhr.setRequestHeader('Content-Type', 'multipart/form-data')
        xhr.onerror = function (event) {
            alert(event)
            console.log(event);
        };
        xhr.onload = () => {
        if (xhr.status === 200) {
            return window.location.href = redirectPage;
            return resolve(JSON.parse(xhr.responseText || '{}'))
            } else {
                alert(`Request failed with status ${xhr.status}`)
                reject(new Error(`Request failed with status ${xhr.status}`))
                
                return window.location.reload();
            }
        } 

        if (data) {
            if (typeof data === 'string' || data instanceof String || typeof data.constructor == Object){
                xhr.send(JSON.stringify(data))
            } else {
                xhr.send(data)
            }
        } else {
            xhr.send()
        }


    })
}




signInForm = getElementById('signinform');
handleEvent(signInForm, 'submit', e => {
    e.preventDefault();

    if(!isEmpty(signInForm)){

        signInUsername = getElement('input[name="username"]', signInForm).value;
        signInPassword = getElement('input[name="password"]', signInForm).value;
        recaptchaV3 = getElement('[name="g-recaptcha-response"]').value;

        if(recaptchaV3){
            signInData = new FormData();
            signInData.append('username', signInUsername);
            signInData.append('password', signInPassword);
            signInData.append('recaptchav3', recaptchaV3);

            isLogened = request('POST', '/signin', signInData, 'dashboard');

            
        } else{
            alert('Перезагрузите страницу');
        }

    }

})

Answer 1

我不明白为什么使用fastapi内置的方法在远程服务器上不写，在本地写就可以了，但是我通过写解决了这个问题。通过js令牌。

function setCookie(cname, cvalue, exdays) {
  var d = new Date();
  d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
  var expires = "expires="+d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function getCookie(cname) {
  var name = cname + "=";
  var ca = document.cookie.split(';');
  for(var i = 0; i < ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

function checkCookie(cookieValue) {
  var user = getCookie("Authorization");
  if (user == "") {
    if (cookieValue != "" && cookieValue != null) {
      setCookie("Authorization", cookieValue, 365);
    }
  }
}

signInForm = getElementById('signinform');
handleEvent(signInForm, 'submit', e => {
    e.preventDefault();

    if(!isEmpty(signInForm)){

        signInUsername = getElement('input[name="username"]', signInForm).value;
        signInPassword = getElement('input[name="password"]', signInForm).value;
        recaptchaV3 = getElement('[name="g-recaptcha-response"]').value;

        if(recaptchaV3){
            signInData = new FormData();
            signInData.append('username', signInUsername);
            signInData.append('password', signInPassword);
            signInData.append('recaptchav3', recaptchaV3);

            isLogened = request('POST', '/signin', signInData);//, 'dashboard');

            isLogened.then(result => {
                checkCookie(result.access_token);
                return window.location.href = 'dashboard';
            }, result => {
                log('Cant get response')
            });

            
        } else{
            alert('Перезагрузите страницу');
        }

    }

})

FastApi 无法写入 cookie 响应，在 docker on vps，如何解决？

FastApi cannot write cookie in reponse, in docker on vps, how to fix?

python

docker

fastapi