Microsoft Powerbi React访问令牌错误no no＆＃x27; Access-Control-Allow-Origin＆＃x27;标题存在于请求的资源上

发布于 2025-02-13 12:58:58 字数 1404 浏览 0 评论 0原文

我正在尝试在我的React应用程序中获取Microsoft PowerBi访问令牌，并且显示错误时，当我使用fetch时，请求的资源上没有“访问控制”标头。您可以找到我在下面尝试的内容： -

useEffect(() => {
      let accessTokenData = {
        'grant_type':'password',
        'username':'******',
        'password':'******',
        'client_id': '**********',
        'client_secret': '********',
        'resource': 'https://analysis.windows.net/powerbi/api'
      }
      let formbody = [];
      for (let property in accessTokenData) {
        let encodedKey = encodeURIComponent(property);
        let encodedValue = encodeURIComponent(accessTokenData[property]);
        formbody.push(encodedKey + "=" + encodedValue);
      }
      formbody = formbody.join("&");

      fetch(`https://login.microsoftonline.com/common/oauth2/token`, {
      // mode: 'no-cors',
      method: 'POST',
      headers: {
          'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
      },
      body: formbody
      })
      .then( data => data.json())
      .then(
      data => {
          setAccessToken(data)
          console.log(data['access_token'])
      }
      )
      .catch( error => console.error(error))
  }, []);

加载页面时显示以下错误

如果您经历了处理此问题的经历或从事类似的事情，我要求您指导我这一问题。

原文

I am trying to get microsoft powerbi access token in my react app and it is showing error No 'Access-Control-Allow-Origin' header is present on the requested resource when I use fetch. You can find what I tried below :-

useEffect(() => {
      let accessTokenData = {
        'grant_type':'password',
        'username':'******',
        'password':'******',
        'client_id': '**********',
        'client_secret': '********',
        'resource': 'https://analysis.windows.net/powerbi/api'
      }
      let formbody = [];
      for (let property in accessTokenData) {
        let encodedKey = encodeURIComponent(property);
        let encodedValue = encodeURIComponent(accessTokenData[property]);
        formbody.push(encodedKey + "=" + encodedValue);
      }
      formbody = formbody.join("&");

      fetch(`https://login.microsoftonline.com/common/oauth2/token`, {
      // mode: 'no-cors',
      method: 'POST',
      headers: {
          'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
      },
      body: formbody
      })
      .then( data => data.json())
      .then(
      data => {
          setAccessToken(data)
          console.log(data['access_token'])
      }
      )
      .catch( error => console.error(error))
  }, []);

On loading the page it is showing the following error