Question

如何配置我的react应用程序在每个http请求之前附加一些自定义请求？为了相同的目的，我们在angularjs中有$ httpProvider。做出反应的方式是什么？

Answer 1

只需将调用包装在函数中并添加标题？

global.FetchWithHeaders = async function(verb, url, data){
    const request = {
            method: verb,
            headers: { 'X-Auth-Token': '[Example Header Token]' }
        };

    if (data)    {
        request.body = JSON.stringify(data);
    }

    const responseObj = await fetch(url, request)
        .then(function(response){
            //Do something with response
            console.log(response);
        });

    return responseObj;
};

可以位于基础组件或全局范围内。取决于你想如何使用它？

Answer 2

react不使用任何嵌入式http提供程序函数。您必须使用superagent之类的外部模块。也可以：jquery ajax。

请查看facebook with ajax post以了解何时在反应生命周期中获取数据

Answer 3

与角度不同，React不是框架，而只是视图层。要进行数据获取，路由，管理状态等，您必须使用其他库。您可以使用axios，这非常好。您可以这样配置：

import axios from 'axios'
var http = axios.create({
  baseURL: 'https://some-domain.com/api/',
  headers: {'X-Custom-Header': 'foobar'}
})
http.get('/some-endpoint').then(...)

在本机

3 个答案: