API
- API是 “前端和后端”或者“不同端(子系统)”之间对接的一个术语。
- 前端不需要关心API具体是如何实现的。
- API的具体实现由后端完成后通过“路由”供前端调用。
API包含
- url(即路由,比如后端提供给前段的
/api/blog/list
) - 输入(比如:输入
author
或者keyword
) - 输出(比如:json文件,里面包含着需要返回的数据)
路由
- 路由(url)是API的一部分。(比如登陆页面
/login
) - 是后端系统内部的一个模块。(比如在博客项目中使用的
router文件夹
)
路由与路径
- 前后端都有路由和路径,路由是网址地址(url)中的,路径是用于找文件的。
例子
拿react中App.js举例:
- 我们在浏览器中输入一个url,前端 根据 url中的路由(
/login
)去找我们在前端定义好的路径下的文件(Login组件),找到就渲染在页面上。 - 渲染组件时,需要后端某些数据时就发送AJAX请求
- 后端匹配到前端发送的 AJAX请求中的路由(比如
/api/user/login
)时,就会去我们在后端设置的对应的路径中读取数据来返回给前端(或者直接返回相应的数据给前端) - 总结:所以前后端分离的项目中,前端和后端定义的都是路由,只不过前端定义的路由一般匹配一个页面,后端定义的路由一般返回数据