淘宝搜索 windows hello

我是分母

@zlkent 反正现在的好多歌莫名其妙的就是有那么点听不懂， 打开歌词对着一看的确是中文，有点佛，刀怒斩雪翼雕倒是能听懂。

@rimutuyuan 这个一般人应该很难做到吧，我初中时曾经试图不看歌词听懂本草纲目，跪了。

不是说粤语歌喔。

触控板用久了肘子疼...

@wbf1013 第四点在 10.15.1 都没有，到 10.15.2 就变这样了。

@miniwade514 谢谢指点！是这里的问题了，我研究研究应该将这个验证逻辑放到哪里去

@simonv3ex 呃，你指的什么卡？

@miniwade514 是的，我指的捕获就是那一行。我是将用户 token 保存在 localStorage 里，用户信息、是否登录等状态放在 redux 里，每次第一次打开页面时会发请求去验证 token 是否合法，如果合法就将服务器返回的用户信息放进 redux 里，并将是否登录设置为 true。

不合法时服务器返回 401 就发起一个 dispatch，将是否登录设置为 false，下面的 PrivateRoute 会直接跳转到 login 页面。

@manami 我也是菜鸟，以前都是直接将 axios 封装成一个 http 模块，然后在用到的地方引入。这次在 react-china http://react-china.org/t/topic/32941 看到了将 axios 直接放在 context 里的方法，特地用的试了下，结果就卡在这里了

@manami 代码我贴在楼上啦，你看看。 如果用按钮点击执行这个 ajax 函数时，axios 拦截器可以正常捕获到错误，而在组件刚挂载完时执行这个 ajax 函数就无法捕获到，不知道是哪里的问题。

import React from "react";
import ReactDOM from "react-dom";
import { AjaxProvider } from "./Ajax";
import { HomePage } from "./HomePage";

function App() {
return (
<AjaxProvider>
<HomePage />
</AjaxProvider>
);
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

import React, { useEffect, Component } from "react";
import { useAjax, AjaxContext } from "./Ajax";

export function HomePage() {
const ajax = useAjax();

async function testToken() {
try {
const result = await ajax.get(
"https://api.youneedabudget.com/v1/budgets"
);
} catch (err) {
console.log(err);
}
}

useEffect(() => {
// testToken();

setTimeout(testToken);
});

return (
<div>
App
<button onClick={testToken}>GoGoGo</button>
</div>
);
}

import React, { useContext, useEffect } from "react";
import axios from "axios";

export const AjaxContext = React.createContext();
export const useAjax = () => useContext(AjaxContext);

const instance = axios.create({
timeout: 5000
});

export function AjaxProvider({ children }) {
useEffect(() => {
const onReq = config => {
config.headers["Authorization"] = localStorage.getItem("token");
return config;
};
const onErr = err => Promise.reject(err);

const flag = instance.interceptors.request.use(onReq, onErr);
return () => instance.interceptors.request.eject(flag);
});

useEffect(() => {
const onRes = res => res;
const onErr = err => {
if (err.response) {
const { status } = err.response;
if (status === 401) {
console.log("捕获到了！");
}
}

return Promise.reject(err);
};

const flag = instance.interceptors.response.use(onRes, onErr);
return () => instance.interceptors.response.eject(flag);
});

const ajax = {
get: path => instance.get(path),
post: (path, data) => instance.post(path, data),
put: (path, data) => instance.put(path, data),
delete: path => instance.delete(path)
};

return <AjaxContext.Provider value={ajax} children={children} />;
}