————————————————————————————————————————————
一、demo1
参考引自:(重点视频讲解)
https://www.bilibili.com/video/BV1PQ4y1P7hZ?p=19&spm_id_from=pageDriver
前后端分离中,以Springboot + Vue 为代表,
【前端不直接与数据库进行交互,而是通过axios与url(接口——需要先启动后端(即启动接口))进行交互(如上图)】,
【后端与数据库进行相连】
————————————————————————————————————————————
二、demo2
前端:
后端:
————————————————————————————————————————————
三、demo3
————————————————————————————————————————————
※ 重点:
(1)后端与数据库相连
(2)启动后端(又称启动url,或称启动接口)
(3)前端vue通过axios与接口进行数据交互
(4)vue前端视图进行相应的展示
————————————————————————————————————————————
相关链接:
(1)axios.defaults.baseURL的三种配置方法
(2)vue添加axios,并且指定baseurl的方法
(3)vue+elementUI+Node+MySQL搭建用户登录页面
(4)express框架和本地数据接口
(5)搭建本地数据库接口(JSON-SERVER)
(6)前后端分离的数据对接
(7)proxyTable讲解
(8)vue前端服务器代理
(9)
①vue中解决跨域问题
②vue跨域问题
(10)举例 例子一 例子二 例子二