geecg-uniapp 同源策略 数据请求 获取后台数据 进行页面渲染 ui库安装(3)

一,同源策略

(1)首先找到env  要是没有env  需要创建一个替换成后端接口

geecg-uniapp 同源策略 数据请求 获取后台数据 进行页面渲染 ui库安装(3)_第1张图片

 (2)因为他封装了  先找到 http 请求位置一级一级找  然后进行接口修改   

 (3)appUpdata  修改接口   运行即可

geecg-uniapp 同源策略 数据请求 获取后台数据 进行页面渲染 ui库安装(3)_第2张图片

(4)接口展示 

geecg-uniapp 同源策略 数据请求 获取后台数据 进行页面渲染 ui库安装(3)_第3张图片


二,数据请求 

接口请求路径展示  

geecg-uniapp 同源策略 数据请求 获取后台数据 进行页面渲染 ui库安装(3)_第4张图片

 (1)创建页面 ,定义请求方式  , 因为他这个封装过  ,所以我们只能跟固有的进行数据请求

报错了我们解决一下   看完整路径我们发现我们复制多了(路径是拼接的) 

geecg-uniapp 同源策略 数据请求 获取后台数据 进行页面渲染 ui库安装(3)_第5张图片

 (2)正确的写法展示 
geecg-uniapp 同源策略 数据请求 获取后台数据 进行页面渲染 ui库安装(3)_第6张图片 (3)又报错了  是请求错了  所以注意一下是 post  还是  get

geecg-uniapp 同源策略 数据请求 获取后台数据 进行页面渲染 ui库安装(3)_第7张图片

 (4)正确的写法展示 

geecg-uniapp 同源策略 数据请求 获取后台数据 进行页面渲染 ui库安装(3)_第8张图片


三,ui库安装

(1)我查了文档才知道他这个是用一个需要下一个ui组件 太麻烦了  所以直接下载一个完整的
       跟着教程 安装运行 : uni-app官网 (dcloud.net.cn)

 geecg-uniapp 同源策略 数据请求 获取后台数据 进行页面渲染 ui库安装(3)_第9张图片

 (2)下载插件   地址 : uni-ui - DCloud 插件市场

geecg-uniapp 同源策略 数据请求 获取后台数据 进行页面渲染 ui库安装(3)_第10张图片

 


四,获取后台数据 进行页面渲染

(1)代码展示




(2)页面展示

geecg-uniapp 同源策略 数据请求 获取后台数据 进行页面渲染 ui库安装(3)_第11张图片

你可能感兴趣的:(JeecgBoot,uniapp,问题,uni-app)