react-native - Cookie 未正确存储在 ios 模拟器中

Question

我正在将 Flask、flask-jwt-extended 和 React-native(带 Expo)用于移动应用程序。当我使用网络浏览器模拟或 Postman 时，我的所有 cookie 都设置正确。 但是，当我使用 Xcode 中的 ios 模拟器时，没有存储任何 cookie。

Environment:
  Flask Backend: 127.0.0.1:5000
  React-Native Front: 127.0.0.1:19006

这是我的 flask 配置:

    JWT_SECRET_KEY = os.getenv("JWT_SECRET_KEY", 'local-secret')
    JWT_TOKEN_LOCATION = ['cookies']
    JWT_ACCESS_TOKEN_EXPIRES = datetime.timedelta(seconds=1800)
    JWT_COOKIE_SECURE = False
    CORS_HEADERS = "Content-Type"
    JWT_REFRESH_TOKEN_EXPIRES = datetime.timedelta(days=15)
    JWT_COOKIE_CSRF_PROTECT = True  # set_refresh_cookies() will now also set the non-httponly CSRF cookies
    JWT_CSRF_CHECK_FORM = True
    JWT_ACCESS_CSRF_HEADER_NAME = "X-CSRF-TOKEN-ACCESS"
    JWT_REFRESH_CSRF_HEADER_NAME = "X-CSRF-TOKEN-REFRESH"
    SSL_REDIRECT = False
jwt = JWTManager()
app = Flask(__name__)
app.config.from_object(APP_CONFIG[CONFIG_ENV])
cors = CORS(app, resources={r"/*": {"origins": "http://127.0.0.1:19006"}}, supports_credentials=True)
APP_CONFIG[CONFIG_ENV].init_app(app)
jwt.init_app(app)

以下是我存储 cookie 的方式(经典，使用 postman 或普通网络浏览器):

access_token = create_access_token(identity = token_identity)
refresh_token = create_refresh_token(identity = token_identity)
resp = jsonify({"access_token": access_token, "refresh_token": refresh_token})
set_access_cookies(resp, access_token)
set_refresh_cookies(resp, refresh_token)

以下是我如何使用 Fetch lirbary 发出请求:

let response = await fetch(URL + "/login", {
      body: form_data,
      method: "post",
      credentials: "include",
    })

然而，每当我使用带有 react-native 的 ios Simulator (127.0.0.1:19006) 来发出请求时，cookie 永远不会被存储。问题可能来自哪里的任何想法？

Answer 1

希望这能帮助您节省一些时间。
当我使用经典浏览器在“http://127.0.0.1:19006”中时，我在我的设备上使用以下域:“http://192.168.0.13:19006”。但是，添加此域还不够。我还在域中添加了“http://192.168.0.13”。我不太确定为什么，但它现在正在工作:缓存在我的设备中正常工作。
这是我修改的代码行:

cors = CORS(app, resources={"/*": {"origins": ["http://127.0.0.1:19006", "http://192.168.0.13:19006", "http://192.168.0.13"]}}, supports_credentials=True)