为什么';我的fronend Javascript是否显示与浏览器相同的API响应?

为什么';我的fronend Javascript是否显示与浏览器相同的API响应?,javascript,python,api,flask,api-design,Javascript,Python,Api,Flask,Api Design,我有一个Flask后端,带有一个链接到条带API的API函数。当我在邮递员或浏览器中调用它时,我得到的正是我所期望的(条带生成的URL)。然而,当我在Javascript代码中调用它时,我得到了完全不同的东西,我不知道为什么 以下是我在Flask/Python中的代码: @app.route('/manage-subscription-portal', methods=['GET']) def manageSubscriptionPortal(): portalTry = stripe.bi

我有一个Flask后端,带有一个链接到条带API的API函数。当我在邮递员或浏览器中调用它时,我得到的正是我所期望的(条带生成的URL)。然而,当我在Javascript代码中调用它时,我得到了完全不同的东西,我不知道为什么

以下是我在Flask/Python中的代码:

@app.route('/manage-subscription-portal', methods=['GET'])
def manageSubscriptionPortal():
  portalTry = stripe.billing_portal.Session.create(
      customer='cus_XXXXXXXXXXX',
      return_url='https://example.com/account',
  )  
  print(portalTry["url"])
  return jsonify({'url' : portalTry["url"]})
当我接到邮递员的电话时,我得到了回应(我期待着)

下面是链接到按钮的Javascript代码

 manageSubscription.addEventListener("click", function(){
    fetch('/manage-subscription-portal').then(response => {
      console.log(response)
      return response
    }).then(portalSession => {
      console.log(portalSession)
    })
  })
“响应”和“portalSession”都给出了图中所示的内容


有人知道为什么我的Javascript代码中没有与Postman中相同的内容吗?

嗨,如果您使用的是HTML5 fetch API,您可以像这样从服务器访问返回的JSON

manageSubscription.addEventListener("click", function(){
  fetch('/manage-subscription-portal').then(response => {
    return response.json() 
  }).then(portalSession => {
    console.log(portalSession)
  })
})
manageSubscription.addEventListener("click", function(){
  fetch('/manage-subscription-portal').then(response => {
    return response.json() 
  }).then(portalSession => {
    console.log(portalSession)
  })
})