考试系统设计总结

const baseURL = process.env.NODE_ENV === "production" ? "./api" : "./api/api";
// 创建实例
const instance = axios.create({
  baseURL,
  timeout: 90000,
  headers: {
    "Content-Type": "application/json",
  },
});
let axiosPendingList = []; // 记录请求
// 请求拦截
instance.interceptors.request.use((config) => {
  let mark = config.url;
  let markIndex = axiosPendingList.findIndex((item) => item.name == mark);
  if (markIndex > -1) {
    axiosPendingList[markIndex].cancel("重复请求");
    axiosPendingList.splice(markIndex, 1);
  }
  const CancelToken = axios.CancelToken;
  const source = CancelToken.source();
  config.cancelToken = source.token;
  config._mark = mark;
  axiosPendingList.push({
    name: mark,
    cancel: source.cancel,
  });
  let token = sessionStorage.getItem("token") || "";
  if (token) {
    if (config.data) {
      config.data.token = token;
    } else {
      config.data = {};
      config.data.token = token;
    }
  }
  if (
    config.method === "post" &&
    config.headers["Content-Type"] !== "application/json"
  ) {
    config.data = qs.stringify(config.data);
  }
  return config;
});
// 响应拦截
instance.interceptors.response.use(
  (response) => {
    let markIndex = axiosPendingList.findIndex(
      (item) => item.name == response.config._mark
    );
    if (markIndex > -1) {
      axiosPendingList.splice(markIndex, 1);
    }
    let data = response.data;
    if (data.code === 200) {
      return data.data;
    } else {
      if (data.code === 300) {
        Message({
          showClose: true,
          message: data.message,
          type: "error",
          duration: 2000,
        });
        router.push("/login");
      } else if (data.message) {
        Message({
          showClose: true,
          message: data.message,
          type: "error",
          duration: 2000,
        });
      }
      return Promise.reject(response);
    }
  },
  (err) => {
    if (!err.message === "重复请求") {
      Message({
        showClose: true,
        message: "Api访问失败，请检查网络..",
        type: "error",
        duration: 1500,
      });
      return Promise.reject(err);
    }
  }
);
export { baseURL, axiosPendingList };
export default instance;

...
// 路由守卫拦截，切换路由取消未完成请求
router.beforeEach((to, from, next) => {
  axiosPendingList.map(item => {
    if (!item.notAllowCancel) {
      item.cancel()
    }
  })
  next()
})
...

...
class CheckToken
{
  /**
  * Handle an incoming request.
  *
  * @param  \Illuminate\Http\Request  $request
  * @param  \Closure  $next
  * @return mixed
  */
  public function handle($request, Closure $next)
  {
    $token = $request -> input('token');
    $now = date('Y-m-d H:i:s');
    $token_row = Token::where([['token', '=', $token],['overdue_after', '>', $now]]);
    if ($token_row->exists()) {
      // 更新Token过期时间
      $update_overdue = date('Y-m-d H:i:s', strtotime("+2 hour"));
      $token_row->update(['overdue_after' => $update_overdue]);
      return $next($request);
    } else {
      return response(Response::loginError());
    }
  }
}
...

class Response extends Model
{
  public static function success() {
    $result = array(
      'code' => 200,
      'message' => '操作成功'
    );
    echo json_encode($result, JSON_UNESCAPED_UNICODE);
    exit;
  }
  public static function successMsg($message = '') {
    $result = array(
      'code' => 200,
      'message' => $message
    );
    echo json_encode($result, JSON_UNESCAPED_UNICODE);
    exit;
  }
  public static function successData(
    $data = array(),
    $message = '数据获取成功'
  ) {
    $result = array(
      'code' => 200,
      'message' => $message,
      'data' => $data
    );
    echo json_encode($result, JSON_UNESCAPED_UNICODE);
    exit;
  }
  public static function successPage(
    $items = array(),
    $page = 1,
    $pageSize = 10,
    $total = 0,
    $message='数据获取成功'
  ) {
    $result = array(
      'code' => 200,
      'message' => $message,
      'data' => [
        'items' => $items,
        'page' => $page,
        'pageSize' => $pageSize,
        'total' => $total
      ]
    );
    echo json_encode($result, JSON_UNESCAPED_UNICODE);
    exit;
  }
  public static function loginError() {
    $result = array(
      'code' => 300,
      'message' => '登录状态异常'
    );
    echo json_encode($result, JSON_UNESCAPED_UNICODE);
    exit;
  }
  public static function parameterError() {
    $result = array(
      'code' => 301,
      'message' => '参数错误'
    );
    echo json_encode($result, JSON_UNESCAPED_UNICODE);
    exit;
  }
  public static function error($code = 302 , $message = '') {
    if(!is_numeric($code)) return;
    $result = array(
      'code' => $code,
      'message' => $message
    );
    echo json_encode($result, JSON_UNESCAPED_UNICODE);
    exit;
  }
}