3前后端分离前端访问api

前后端分离

像MVC并不是前后端分类,因为一个项目里包括控制器和模型和视图,前端后端在一起的。
但是,真正的前端和后端应该分开。如下图:
image

在VSCode里运行前端

在js里访问api获取数据
image

在VS里运行后端API

image

将api项目运行起来,给前端访问

image

api项目解决跨域问题,不然在VSCode里运行的前端访问不了VS里的后端api项目

第一步,在api项目的Startup类的ConfigureServices方法里加如下一行:

image

第二步,在Startup类的Configure方法里调用

image

VSCode运行前端访问api项目测试

前端成功拿到数据
image

posted @ 2022-03-08 19:10  青仙  阅读(210)  评论(0编辑  收藏  举报