@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} />;
}

1. querySelector 接收一个 css 选择器字符串，比如 "#root > .nav:nth-child(1)"，后者只能接收 id 名称。
2. 请检查你的代码

@geniussoft 这...我以为苹果不会有这些玩意的，看来都一样

@Maiiiiii 桌面布局可以改吧？我该的 5x6

@geniussoft 果子的直营店也有 kpi 之类的吗？或者卖出机器有提成？

@mumujun 资本家嘴里说的话那能信嘛...都说不赚钱怎么怎么地，背地里赚的盆丰钵满。

@ech0x pixel 电信卡好像有点麻烦而且只能单卡。
oppo vivo 大概是以前给我留的印象太差劲了，总是玩高价低配之类的策略，还有就是开个开发者选项通知栏就一直黄色警告很烦，不知道现在是不是还是一如既往的有黄色警告

@Cheons 821 好像是大火炉吧？ 现在想找个正常的手机屏的确难，也就魅族有。

@DT27 魅族 mx mx5 魅蓝 2 Pro5 用户现身说法，魅族是国产厂商里我最喜欢的，小清新的 UI，还有好用的 mback，吹到爆。

至于为什么后来不用它了，因为魅蓝 2 正常充电充着充着就凉了，拿到本地售后去说是供电 ic 怎么怎么导致主板烧了，只能给换主板，但是里面的重要资料凉了。 不信邪又买了 Pro5，然后屎一样的广告疯狂推送，那就再见。

后来没用过魅族的手机，ep52 倒是买了好几条。

@chengzi168 试过好多次了，没有用。以前还打算售后，迫于手里没有适合的备用机就一直拖着。 不知道是不是因为存储快满的原因？我基本都是可用空间剩了 15%左右

@ech0x 三星有毒，我用过两次三星，两次都是用了不到几天就丢了，我觉得我不适合用三星

@shehuizhuyi 当然不会了，华为那一套还在那，不过可以不用它。

@hflyf123 没事，如果这都能当作海军的话，可见楼上这位 v 友...不细说了。

想学织毛衣..

现在后端都会前端了，前端找工作更难了，