我无法使用axios API登录React Native

问题描述:

我是React Native中的新成员。 我正在尝试为支持/服务目的编写一个Http类,但授权终结点不起作用让我总是状态401考虑到端点不需要任何令牌/授权,但这没有意义,但是相反它应该返回我的令牌我无法使用axios API登录React Native

我的服务:

constructor() { 
    let $this = this; 
    this.__proto__.ghtnk = null; 
    axios.defaults.baseURL = this.getBaseUrlApi().test; 
    axios.defaults.headers.common['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8'; 

    axios.interceptors.request.use(function (config) { 
    console.log(config, axios.defaults.headers); 
    $this.getToken().then((token) => { 
    console.log(token); 
    if (token) { 
     console.log('TOKEN:', token); 
     axios.defaults.headers.common['Authorization'] = 'Bearer ' + token; 
    } 
    }); 
    return config; 
    }, function (error) { 
    // Do something with request error 
    return Promise.reject(error); 
    }); 

} 

post = (url, payload) => { 
    axios.post(url, payload).then((resp) => { 
    console.log(resp); 
    }, (err) => { 
    console.log(err); 
    }); 
} 

enter image description here

+1

既然你已经发现了,我想解决请你写一个问题的答案,并在两天后接受它,确保答案不是问题的一部分。 –

我整理出来做这个

post = (url, payload) => { 
    let params = new URLSearchParams(); 
    params.append('username', payload.username); 
    params.append('password', payload.password); 
    axios.post(url, params).then((resp) => { 
     console.log(resp); 
    }, (err) => { 
     console.log(err); 
    }); 
} 

我曾经遇到过这样的问题,结果发现在我的URL和axis结尾处有一个“/”根本无法处理该问题......一旦我将其删除,它再次运行。

前:HTTP:/ apihost的/ etc/

后:HTTP:/ apihost /等

希望它有助于

+0

与'/'无关,正如我写的,我解决了它 – Donovant