From 3590e93c53c8814bd1b9df3b4afc85b659965327 Mon Sep 17 00:00:00 2001 From: Your Name Date: Sun, 19 May 2024 22:50:27 +0800 Subject: [PATCH] =?UTF-8?q?=E7=AC=94=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../2024.05.13.md" | 96 +++++++++++++++++++ .../2024.05.14.md" | 31 ++++++ 2 files changed, 127 insertions(+) create mode 100644 "\351\253\230\344\277\212\346\235\260/2024.05.13.md" create mode 100644 "\351\253\230\344\277\212\346\235\260/2024.05.14.md" diff --git "a/\351\253\230\344\277\212\346\235\260/2024.05.13.md" "b/\351\253\230\344\277\212\346\235\260/2024.05.13.md" new file mode 100644 index 0000000..126a31d --- /dev/null +++ "b/\351\253\230\344\277\212\346\235\260/2024.05.13.md" @@ -0,0 +1,96 @@ +| 安装：pinia: yarn add pinia | | | +| --------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| | [3](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_3) | ``` | +| | [4](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_4) | | +| | [5](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_5) | #### 简介 | +| | [6](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_6) | | +| | [7](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_7) | ``` | +| | [8](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_8) | 通过 Mastering Pinia 的免费视频掌握更多内容 | +| | [9](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_9) | Pinia 起始于 2019 年 11 月左右的一次实验，其目的是设计一个拥有组合式 API 的 Vue 状态管理库。从那时起，我们就倾向于同时支持 Vue 2 和 Vue 3，并且不强制要求开发者使用组合式 API，我们的初心至今没有改变。除了安装和 SSR 两章之外，其余章节中提到的 API 均支持 Vue 2 和 Vue 3。虽然本文档主要是面向 Vue 3 的用户，但在必要时会标注出 Vue 2 的内容，因此 Vue 2 和 Vue 3 的用户都可以阅读本文档。 | +| | [10](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_10) | ``` | +| | [11](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_11) | | +| | [12](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_12) | #### 基础示例 | +| | [13](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_13) | ``` | +| | [14](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_14) | 下面就是 pinia API 的基本用法 (为继续阅读本简介请确保你已阅读过了开始章节)。你可以先创建一个 Store： | +| | [15](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_15) | | +| | [16](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_16) | js | +| | [17](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_17) | // stores/counter.js | +| | [18](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_18) | import { defineStore } from 'pinia' | +| | [19](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_19) | | +| | [20](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_20) | export const useCounterStore = defineStore('counter', { | +| | [21](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_21) | state: () => { | +| | [22](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_22) | return { count: 0 } | +| | [23](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_23) | }, | +| | [24](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_24) | // 也可以这样定义 | +| | [25](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_25) | // state: () => ({ count: 0 }) | +| | [26](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_26) | actions: { | +| | [27](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_27) | increment() { | +| | [28](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_28) | this.count++ | +| | [29](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_29) | }, | +| | [30](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_30) | }, | +| | [31](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_31) | }) | +| | [32](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_32) | | +| | [33](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_33) | 然后你就可以在一个组件中使用该 store 了： | +| | [34](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_34) | | +| | [35](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_35) | vue | +| | [36](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_36) | | +| | [45](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_45) | | +| | [49](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_49) | ``` | +| | [50](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_50) | | +| | [51](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_51) | #### 更真实的示例 | +| | [52](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_52) | 这是一个更完整的 Pinia API 示例，在 JavaScript 中也使用了类型提示。对于某些开发者来说，可能足以在不进一步阅读的情况下直接开始阅读本节内容，但我们仍然建议你先继续阅读文档的其余部分，甚至跳过此示例，在阅读完所有核心概念之后再回来。 | +| | [53](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_53) | | +| | [54](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_54) | ``` | +| | [55](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_55) | js | +| | [56](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_56) | import { defineStore } from 'pinia' | +| | [57](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_57) | | +| | [58](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_58) | export const useTodos = defineStore('todos', { | +| | [59](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_59) | state: () => ({ | +| | [60](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_60) | /** @type {{ text: string, id: number, isFinished: boolean }[]} */ | +| | [61](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_61) | todos: [], | +| | [62](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_62) | /** @type {'all' \| 'finished' \| 'unfinished'} */ | +| | [63](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_63) | filter: 'all', | +| | [64](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_64) | // 类型将自动推断为 number | +| | [65](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_65) | nextId: 0, | +| | [66](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_66) | }), | +| | [67](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_67) | getters: { | +| | [68](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_68) | finishedTodos(state) { | +| | [69](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_69) | // 自动补全！ ✨ | +| | [70](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_70) | return state.todos.filter((todo) => todo.isFinished) | +| | [71](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_71) | }, | +| | [72](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_72) | unfinishedTodos(state) { | +| | [73](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_73) | return state.todos.filter((todo) => !todo.isFinished) | +| | [74](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_74) | }, | +| | [75](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_75) | /** | +| | [76](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_76) | * @returns {{ text: string, id: number, isFinished: boolean }[]} | +| | [77](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_77) | */ | +| | [78](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_78) | filteredTodos(state) { | +| | [79](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_79) | if (this.filter === 'finished') { | +| | [80](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_80) | // 调用其他带有自动补全的 getters ✨ | +| | [81](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_81) | return this.finishedTodos | +| | [82](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_82) | } else if (this.filter === 'unfinished') { | +| | [83](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_83) | return this.unfinishedTodos | +| | [84](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_84) | } | +| | [85](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_85) | return this.todos | +| | [86](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_86) | }, | +| | [87](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_87) | }, | +| | [88](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_88) | actions: { | +| | [89](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_89) | // 接受任何数量的参数，返回一个 Promise 或不返回 | +| | [90](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_90) | addTodo(text) { | +| | [91](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_91) | // 你可以直接变更该状态 | +| | [92](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_92) | this.todos.push({ text, id: this.nextId++, isFinished: false }) | +| | [93](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_93) | }, | +| | [94](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_94) | }, | +| | [95](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_95) | }) | +| | [96](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e01c8fd434d6df6219fb454488b8f0bc8f65b07d_0_96) | ``` | \ No newline at end of file diff --git "a/\351\253\230\344\277\212\346\235\260/2024.05.14.md" "b/\351\253\230\344\277\212\346\235\260/2024.05.14.md" new file mode 100644 index 0000000..2d6232e --- /dev/null +++ "b/\351\253\230\344\277\212\346\235\260/2024.05.14.md" @@ -0,0 +1,31 @@ +| ## API和REST | | | +| ------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | +| | [2](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_2) | | +| | [3](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_3) | ### API | +| | [4](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_4) | | +| | [5](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_5) | Application Programming Interface（应用程序接口）是它的全称。简单的理解就是，API是一个接口 | +| | [6](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_6) | | +| | [7](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_7) | ### REST | +| | [8](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_8) | | +| | [9](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_9) | HTTP总共包含八种方法： | +| | [10](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_10) | | +| | [11](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_11) | ``` | +| | [12](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_12) | GET | +| | [13](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_13) | POST | +| | [14](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_14) | PUT | +| | [15](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_15) | DELETE | +| | [16](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_16) | OPTIONS | +| | [17](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_17) | HEAD | +| | [18](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_18) | TRACE | +| | [19](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_19) | CONNECT | +| | [20](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_20) | ``` | +| | [21](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_21) | | +| | [22](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_22) | ● 2xx = Success（成功） | +| | [23](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_23) | | +| | [24](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_24) | ● 3xx = Redirect（重定向） | +| | [25](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_25) | | +| | [26](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_26) | ● 4xx = User error（客户端错误） | +| | [27](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_27) | | +| | [28](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_28) | ● 5xx = Server error（服务器端错误） | +| | [29](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_29) | | +| | [30](https://gitee.com/level-22-net-class/net-front-end-class-vue-notes/pulls/283/files#e12b19311e4ae4b81756fa1031666192a530add9_0_30) | 我们常见的是200（请求成功）、404（未找到）、401（未授权）、500（服务器错误）... | \ No newline at end of file -- Gitee