本文介绍了 Ruoyi 框架中前端与后端交互的流程。前端路由动态赋值，根据 URL 动态找到对应的页面文件。数据获取时，前端在页面加载时发送请求给后端，利用 created 或 mounted 生命周期钩子调用封装的请求方法。在开发环境中，Vue CLI 3 使用 proxy 进行跨域配置，通过 pathRewrite 重写路径，将/prod-api 映射到真实后端地址。生产环境则通常通过 Nginx 进行配置。请求的公共头部 baseurl 指向 /prod-api，确保前端与后端的交互顺利进行。
目录
1 当前网页对应的网址是localhost/system/role对应哪个页面
2 点击某个页面，上面的数据是从数据库来的，前端如何发送请求给后端呢？
第一部分 前端
1 当前网页对应的网址是localhost/system/role对应哪个页面
前端路由是动态的，url来自于数据库；
前端文件夹名称以及文件名称、位置与数据库里一一对应
1.1、路由动态赋值
如果地址是/system/role 就找一个system文件夹下面有role文件夹的文件
2 点击某个页面，上面的数据是从数据库来的，前端如何发送请求给后端呢？
刚加载页面时，发送请求给后端，用created或者mouted{}
getList()是一个封装的请求，listRole在api的js文件中
你会发现vue里引入js的变量，都是js里的方法名称
最低0.47元/天 解锁文章
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
