[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-public-SXPAzgy7":3,"public-project-articles-SXPAzgy7":17},{"id":4,"uuid":5,"project_id":6,"title":7,"content":8,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},41,"SXPAzgy7",39,"08. Http扫盲，让小白也能听懂","\n## 工具下载\n\nPostman（发送 http 请求的工具）\n官网（下载速度比较慢）：[https:\u002F\u002Fwww.postman.com\u002Fdownloads\u002F](https:\u002F\u002Fwww.postman.com\u002Fdownloads\u002F)\n网盘下载：[https:\u002F\u002Fpan.baidu.com\u002Fs\u002F1_a54AxH2rZr0bhSlroIBRw?pwd=5y5u](https:\u002F\u002Fpan.baidu.com\u002Fs\u002F1_a54AxH2rZr0bhSlroIBRw?pwd=5y5u)\n\n## Http 请求格式\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1692014410185-002ea06c-3d96-4b2b-87b7-0353e0ce284e.png#averageHue=%23f5f5f6&clientId=uaf40ea76-263c-4&from=paste&height=431&id=u54a423e9&originHeight=539&originWidth=755&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=38404&status=done&style=none&taskId=u03473406-1fd1-424d-904b-6b79fe111d8&title=&width=604)\n\n- **请求地址**\n- **请求方法**\n- **状态码**\n- **同源策略**\n- **请求头**\n- **响应头**\n\n## 接口类型\n\n- Post 接口（新增数据）\n\n```java\n@RequestMapping(method = RequestMethod.POST)\n@PostMapping(\"\u002Fpost\")\n```\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1692018147236-d6b4cb3e-b207-4426-b243-d924a67a64fc.png#averageHue=%23fdfafa&clientId=uefa7e649-3fcd-4&from=paste&height=627&id=u63ecd956&originHeight=784&originWidth=1363&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=70759&status=done&style=none&taskId=u943b6e39-1bc6-4702-904a-b86f0ee8a9e&title=&width=1090.4)\n如果你这样写，是 url 参数，并且 url 参数可以为空\n\n```java\n@PostMapping(\"\u002Fpost\")     \u002F\u002F http:\u002F\u002Flocalhost:9090\u002Fweb\u002Fpost?name=青哥哥&age=30\npublic Result post(Obj obj) {\n    return Result.success(obj);\n}\n```\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1692018731303-8413478c-d338-47d5-a2a1-c284a953b477.png#averageHue=%23fcfafa&clientId=uefa7e649-3fcd-4&from=paste&height=647&id=uf3b2de65&originHeight=809&originWidth=1045&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=68029&status=done&style=none&taskId=u5243c7ee-772a-4875-bdab-01968ce99cb&title=&width=836)\n怎么请求 json 数据？\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1692018977737-99569f90-26d8-4c35-9177-d5b207bca39b.png#averageHue=%23fcfafa&clientId=uefa7e649-3fcd-4&from=paste&height=646&id=uddd5a052&originHeight=808&originWidth=1055&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=64724&status=done&style=none&taskId=u6077f54e-9117-477f-b59d-9d9eff0cd79&title=&width=844)\n\n- Put 接口（更新数据）\n\n```java\n@RequestMapping(method = RequestMethod.PUT)\n@PutMapping(\"\u002Fput\")\n```\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1692019178757-17ce88a5-2830-46cb-8c50-7bbe58f5ba99.png#averageHue=%23fcf9f9&clientId=uefa7e649-3fcd-4&from=paste&height=599&id=ua7e55bef&originHeight=749&originWidth=959&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=58507&status=done&style=none&taskId=u50d4dff0-9dcd-44b8-ae9c-2b693d03f0f&title=&width=767.2)\n\n- Delete 接口（删除数据）\n\n```java\n@RequestMapping(method = RequestMethod.DELETE)\n@DeleteMapping(\"\u002Fdelete\u002F{id}\")\n```\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1692019277414-b3169e61-eacc-48d2-accf-9c233112295d.png#averageHue=%232d2c2b&clientId=uefa7e649-3fcd-4&from=paste&height=98&id=u681faa88&originHeight=123&originWidth=598&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=16686&status=done&style=none&taskId=uc71305f0-107a-46a1-8ec0-0c5b730aa54&title=&width=478.4)\ndelete 可以传 json 数据，我们批量删除可以使用 delete 类型的接口\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1692019641103-bff0da32-63e9-4928-9562-2149abcb8bad.png#averageHue=%23fcfaf9&clientId=uefa7e649-3fcd-4&from=paste&height=652&id=u2dc85db3&originHeight=815&originWidth=924&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=57004&status=done&style=none&taskId=u1c23cb50-0201-4867-b81e-abd57a3f3d8&title=&width=739.2)\n\n- Get 接口\n\n```java\n@RequestMapping()\n或者\n@GetMapping(\"\u002Fhello\")\n```\n\n怎么定义路由\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1692018366550-f51f8383-f001-42f5-b431-fa9762c25d86.png#averageHue=%232d2c2c&clientId=uefa7e649-3fcd-4&from=paste&height=258&id=uf0931c23&originHeight=322&originWidth=691&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=30340&status=done&style=none&taskId=ub42d0504-19b5-485b-88c1-b05376539c7&title=&width=552.8)\n\n## Http 状态码\n\n- **200：成功**\n- **400：接口参数错误**\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1692018874003-1881163f-8056-4923-95c2-93a5c966cb51.png#averageHue=%23fcfafa&clientId=uefa7e649-3fcd-4&from=paste&height=514&id=ud4d12529&originHeight=643&originWidth=1269&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=65091&status=done&style=none&taskId=u79320409-cce0-4c65-bcc6-000574000bd&title=&width=1015.2)\n\n- **404：接口路径写错了或者参数写错了**\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1692019702941-319715c0-9b4d-4fb1-b77e-279b06217957.png#averageHue=%23fcfaf9&clientId=uefa7e649-3fcd-4&from=paste&height=513&id=uf82433ce&originHeight=641&originWidth=1072&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=48952&status=done&style=none&taskId=u639fcb88-5575-41d7-91e4-749bb2d0359&title=&width=857.6)\n\n- **405：接口请求类型不匹配**\n- ![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1692018001572-badf8a99-f431-4b60-83d9-4209bee4d039.png#averageHue=%23f5f5f6&clientId=uefa7e649-3fcd-4&from=paste&height=145&id=u674fd810&originHeight=181&originWidth=698&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=11224&status=done&style=none&taskId=ufaeb5ed5-8eb9-44ac-ae90-4d956b9eddc&title=&width=558.4)\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1692017967394-7f5e8fa8-0ed5-4385-9521-b981c23ab2e6.png#averageHue=%23f6f5f4&clientId=uefa7e649-3fcd-4&from=paste&height=219&id=u4369f090&originHeight=274&originWidth=1061&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=19736&status=done&style=none&taskId=uf4b455b6-1d30-4198-890b-0ca5532987a&title=&width=848.8)\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1692019762509-e8854764-fd16-4b1c-9097-4d29cc06c6c2.png#averageHue=%23fcfbfa&clientId=uefa7e649-3fcd-4&from=paste&height=448&id=ubf3f12cd&originHeight=560&originWidth=1131&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=46856&status=done&style=none&taskId=u347200f4-74d8-4a8e-8988-76097695a09&title=&width=904.8)\n\n- **500：后台错误**\n\n## ![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1692019857261-806dbebd-264e-44bd-8bc8-8d248ad5b3b1.png#averageHue=%23fcfbfb&clientId=uefa7e649-3fcd-4&from=paste&height=595&id=u6f667617&originHeight=744&originWidth=1271&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=61633&status=done&style=none&taskId=u8816b642-4fc5-49ea-ae86-93fa5a385f9&title=&width=1016.8)\n\n当你的请求出现**500 错误**的时候，你应该怎么办？\n第一时间，赶紧去看下后台的控制台\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1692019962776-634c3ebd-4cc0-4adb-a0de-76d3aaf1d00b.png#averageHue=%238d7557&clientId=uefa7e649-3fcd-4&from=paste&height=609&id=u5f66f9b5&originHeight=761&originWidth=1508&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=222602&status=done&style=none&taskId=u0ae2fa21-da26-4a28-b567-2af1a0e5b1e&title=&width=1206.4)\n","coding",1,2337,63,"2025-04-08 11:27:20","2026-05-03 22:49:02","【青哥带小白做毕设2024】完整教程资料汇总","qingge-graduation-project-2024",{"project":18,"items":19},{"id":6,"title":15,"slug":16},[20,28,35,42,49,56,63,69,76,77,84,91,98,105,112,119,126,133,140,147,154,161,168],{"id":21,"uuid":22,"project_id":6,"title":23,"type":9,"status":10,"public_enabled":10,"views":24,"sort":25,"created_at":26,"updated_at":27,"project_title":15,"project_slug":16},33,"R1oMCsCX","00. 从0开始带小白做SpringBoot+Vue+uniapp微信小程序实战项目",12130,55,"2025-04-08 11:28:17","2026-05-07 15:33:28.189425+00",{"id":29,"uuid":30,"project_id":6,"title":31,"type":9,"status":10,"public_enabled":10,"views":32,"sort":33,"created_at":34,"updated_at":14,"project_title":15,"project_slug":16},34,"s3u3u8W7","01. 网页布局技巧",3326,56,"2025-04-08 11:28:13",{"id":36,"uuid":37,"project_id":6,"title":38,"type":9,"status":10,"public_enabled":10,"views":39,"sort":40,"created_at":41,"updated_at":14,"project_title":15,"project_slug":16},35,"21zUHQYS","02. JavaScript入门",2017,57,"2025-04-08 11:27:55",{"id":43,"uuid":44,"project_id":6,"title":45,"type":9,"status":10,"public_enabled":10,"views":46,"sort":47,"created_at":48,"updated_at":14,"project_title":15,"project_slug":16},36,"4XVgY9Ti","03. Vue脚手架搭建",3719,58,"2025-04-08 11:27:46",{"id":50,"uuid":51,"project_id":6,"title":52,"type":9,"status":10,"public_enabled":10,"views":53,"sort":54,"created_at":55,"updated_at":14,"project_title":15,"project_slug":16},37,"S8vLLLvk","04. Git速成，推送代码到云端",1585,59,"2025-04-08 11:27:41",{"id":57,"uuid":58,"project_id":6,"title":59,"type":9,"status":10,"public_enabled":10,"views":60,"sort":61,"created_at":62,"updated_at":14,"project_title":15,"project_slug":16},38,"9EbwnGDp","05. 网页布局神器ElementUI速成",2670,60,"2025-04-08 11:27:37",{"id":6,"uuid":64,"project_id":6,"title":65,"type":9,"status":10,"public_enabled":10,"views":66,"sort":67,"created_at":68,"updated_at":14,"project_title":15,"project_slug":16},"tmzahWer","06. Vue管理系统速成",3744,61,"2025-04-08 11:27:32",{"id":70,"uuid":71,"project_id":6,"title":72,"type":9,"status":10,"public_enabled":10,"views":73,"sort":74,"created_at":75,"updated_at":14,"project_title":15,"project_slug":16},40,"2agqAUQK","07. SpringBoot速成",3654,62,"2025-04-08 11:27:27",{"id":4,"uuid":5,"project_id":6,"title":7,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},{"id":78,"uuid":79,"project_id":6,"title":80,"type":9,"status":10,"public_enabled":10,"views":81,"sort":82,"created_at":83,"updated_at":14,"project_title":15,"project_slug":16},42,"ostBIxAV","09. SpringBoot集成Mybatis实现增删改查",4190,64,"2025-04-08 11:27:13",{"id":85,"uuid":86,"project_id":6,"title":87,"type":9,"status":10,"public_enabled":10,"views":88,"sort":89,"created_at":90,"updated_at":14,"project_title":15,"project_slug":16},43,"6Sv7afpa","10. Vue封装前后端数据交互工具",3716,65,"2024-04-16 02:33:13",{"id":92,"uuid":93,"project_id":6,"title":94,"type":9,"status":10,"public_enabled":10,"views":95,"sort":96,"created_at":97,"updated_at":14,"project_title":15,"project_slug":16},44,"d53BPIQs","11. Vue登录（含验证码）、注册页面开发",4867,66,"2024-04-16 02:33:08",{"id":99,"uuid":100,"project_id":6,"title":101,"type":9,"status":10,"public_enabled":10,"views":102,"sort":103,"created_at":104,"updated_at":14,"project_title":15,"project_slug":16},45,"m033ng06","12. SpringBoot集成JWT token实现权限验证",3243,67,"2024-04-16 02:33:00",{"id":106,"uuid":107,"project_id":6,"title":108,"type":9,"status":10,"public_enabled":10,"views":109,"sort":110,"created_at":111,"updated_at":14,"project_title":15,"project_slug":16},46,"7xzyVD06","13. SpringBoot+Vue实现单文件、多文件上传和下载",2784,68,"2024-04-16 02:32:52",{"id":113,"uuid":114,"project_id":6,"title":115,"type":9,"status":10,"public_enabled":10,"views":116,"sort":117,"created_at":118,"updated_at":14,"project_title":15,"project_slug":16},47,"BdOLUenp","14. 多角色登录（Vue-Router路由守卫）",2318,69,"2024-04-16 02:32:39",{"id":120,"uuid":121,"project_id":6,"title":122,"type":9,"status":10,"public_enabled":10,"views":123,"sort":124,"created_at":125,"updated_at":14,"project_title":15,"project_slug":16},48,"2Wkx3igg","15. Vue个人信息修改、修改密码、重置密码",2092,70,"2024-04-16 02:32:33",{"id":127,"uuid":128,"project_id":6,"title":129,"type":9,"status":10,"public_enabled":10,"views":130,"sort":131,"created_at":132,"updated_at":14,"project_title":15,"project_slug":16},49,"BDvVa4By","16. SpringBoot+Vue管理系统实现增删改查",2598,71,"2024-04-16 02:32:29",{"id":134,"uuid":135,"project_id":6,"title":136,"type":9,"status":10,"public_enabled":10,"views":137,"sort":138,"created_at":139,"updated_at":14,"project_title":15,"project_slug":16},50,"FJVl0rCu","17. SpringBoot+Vue实现数据的批量导入和导出",1684,72,"2024-04-16 02:32:26",{"id":141,"uuid":142,"project_id":6,"title":143,"type":9,"status":10,"public_enabled":10,"views":144,"sort":145,"created_at":146,"updated_at":14,"project_title":15,"project_slug":16},51,"FvW9oHgj","18. SpringBoot+Vue项目部署上线",2845,73,"2024-04-16 02:32:22",{"id":148,"uuid":149,"project_id":6,"title":150,"type":9,"status":10,"public_enabled":10,"views":151,"sort":152,"created_at":153,"updated_at":14,"project_title":15,"project_slug":16},52,"xyqrxxiR","19. SpringBoot+Vue集成富文本编辑器",1499,74,"2024-04-16 02:32:18",{"id":155,"uuid":156,"project_id":6,"title":157,"type":9,"status":10,"public_enabled":10,"views":158,"sort":159,"created_at":160,"updated_at":14,"project_title":15,"project_slug":16},53,"XAaCXz8W","20. SpringBoot+Vue集成系统公告",1043,75,"2024-04-16 02:32:14",{"id":162,"uuid":163,"project_id":6,"title":164,"type":9,"status":10,"public_enabled":10,"views":165,"sort":166,"created_at":167,"updated_at":14,"project_title":15,"project_slug":16},54,"2havlmaC","21. SpringBoot+Vue集成AOP系统日志",1159,76,"2024-04-16 02:32:11",{"id":25,"uuid":169,"project_id":6,"title":170,"type":9,"status":10,"public_enabled":10,"views":171,"sort":172,"created_at":173,"updated_at":14,"project_title":15,"project_slug":16},"ObvLqJdX","22. SpringBoot+Vue实现Echarts数据报表（柱状图、饼图、折线图）",1688,99,"2024-04-16 02:30:25"]