React JS Cors -Origin -Instagram基本显示API

发布于 2025-02-10 00:17:01 字数 928 浏览 4 评论 0 原文

我对 cors有问题：访问控制尝试从Instagram API交换代码以访问代码时。

Instagram api文档步骤5： https://developers.facebook.com/docs/instagram-basic-display-api-api/getting-started#step-5--xchange-change-change-change-change-change-code-for-a-token < /a>

身体参数：

const body = {
    'client_id': 'xxxxxxxxxxxxxx',
    'client_secret': 'xxxxxxxxxxxxxx',
    'grant_type': 'authorization_code',
    'redirect_uri': 'https://localhost:3000/',
    'code': instaCode
};

我的请求：

axios.post(`https://api.instagram.com/oauth/access_token`, qs.stringify(body), { 
     headers: {'content-type': 'application/x-www-form-urlencoded'} 
});

码在2个月前工作。

原文

I have problem with CORS: Access-Control-Allow-Origin when try to exchange the code for access token from Instagram API.

Instagram API documentation Step 5 : https://developers.facebook.com/docs/instagram-basic-display-api/getting-started#step-5--exchange-the-code-for-a-token

Body parameters:

const body = {
    'client_id': 'xxxxxxxxxxxxxx',
    'client_secret': 'xxxxxxxxxxxxxx',
    'grant_type': 'authorization_code',
    'redirect_uri': 'https://localhost:3000/',
    'code': instaCode
};

My request:

axios.post(`https://api.instagram.com/oauth/access_token`, qs.stringify(body), { 
     headers: {'content-type': 'application/x-www-form-urlencoded'} 
});

Тhis code worked 2 months ago.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

锦上情书 2025-02-17 00:17:01

编辑：您可以尝试此 axios post post request以发送表单数据首先这似乎更好，下面对我有用

，尽管您必须以表格数据发送身体。

我相信Fetch API会起作用，但是自节点17以来就可以使用，如果您使用的是较早版本，这对我有用。

来源

const { post } = require("request");
const { promisify } = require("util");


const postAsync = promisify(post);

    const form = {
        client_id: NUMBER,
        client_secret: STRING,
        grant_type: "authorization_code",
        redirect_uri: STRING,
        code: req.body.code,
    };

    let { body, statusCode } = await postAsync({
        // let result = await postAsync({
        url: "https://api.instagram.com/oauth/access_token",
        form,
        headers: {
            "content-type": "multipart/form-data",
            host: "api.instagram.com",
        },
    });

npm我要求
当然可以在尝试/捕获中使用它

edit: you can try this axios post request to send form data first which seems better, below worked for me though

That won't work, you have to send the body in a form data.

I believe fetch API would work but that's available since node 17, if you're using earlier version this is what worked for me.

SOURCE https://www.section.io/engineering-education/integrating-instagram-basic-display-api/

const { post } = require("request");
const { promisify } = require("util");


const postAsync = promisify(post);

    const form = {
        client_id: NUMBER,
        client_secret: STRING,
        grant_type: "authorization_code",
        redirect_uri: STRING,
        code: req.body.code,
    };

    let { body, statusCode } = await postAsync({
        // let result = await postAsync({
        url: "https://api.instagram.com/oauth/access_token",
        form,
        headers: {
            "content-type": "multipart/form-data",
            host: "api.instagram.com",
        },
    });

npm i request
and use that inside a try/catch of course

回复收藏 0 原文