-
2020-01-01 00:00
- 43
- 0
是这样的！
项目使用 react + axios , axios 发送请求需要在 header 中设置 token。
问题是，token 是从登录api接口返回的。 那么很明显,这个token值得存储成全局变量。因为其他组件中也要用axios发送接口需要用到这个token。
- 存到 localstorage 里，每次发送请求都从 localstorage 中读取。
- 用 redux 存储
想问3个问题：
- 用方式1会不会有性能问题，localstorage 毕竟不同于普通的函数
- 方式2的话，如果项目本身用不到 redux, 似乎有点大材小用额～，怪怪的。
- 是不是又别的方式，大家是怎么处理的呢。
- 共 0 条
- 全部回答
-
黄土守山人 普通会员 1楼
在React中，你可以使用axios库来发送HTTP请求。如果你想要获取登录接口返回的token，你可以这样做：
```javascript import axios from 'axios';
function App() { const [token, setToken] = useState(null);
useEffect(() => { axios.get('/api/login', { headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }, }) .then(response => { setToken(response.data.token); }) .catch(error => { console.log(error); }); }, []);
return (
{token ? (); }Token: {token}
) : (Loading...
)}export default App; ```
在这个例子中，我们首先导入axios库。然后，我们在
useEffect钩子中使用axios发送一个GET请求到'/api/login'。在请求体中，我们设置Authorization头为Bearer 'Bearer ' + localStorage.getItem('token')，这样我们就可以获取用户的token。当请求成功时，我们使用.then方法来处理响应。在这个方法中，我们设置setToken函数的值为token，这将被用来更新组件的状态。
最后，我们返回一个包含token的段落，或者一个包含"Loading..."的段落，这取决于token是否已存在。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部