采纳答案成功!
向帮助你的同学说点啥吧!感谢那些助人为乐的人
const icode = '13926EAFCAA16CC3’ 课程里的这个输入以后报错
具体实现代码:
第一步安装:cnpm install --save-dev mockjs
第二步:修改utils/request.js文件
const service = axios.create({ baseURL: "http://localhost:8080", timeout: 5000})
const service = axios.create({
baseURL: "http://localhost:8080",
timeout: 5000
}
)
第三步:api/index.js
import request from '../utils/request'import axios from 'axios'//报表词云数据export const wordcloud = () => axios.get("/screen/wordcloud")// //报表地图散点数据export const mapScatter = () => axios.get("/screen/map/scatter")//报表/大屏数据export const screenData = () => axios.get("/screen/data")
import request from '../utils/request'
import axios from 'axios'
//报表词云数据
export const wordcloud = () => axios.get("/screen/wordcloud")
// //报表地图散点数据
export const mapScatter = () => axios.get("/screen/map/scatter")
//报表/大屏数据
export const screenData = () => axios.get("/screen/data")
第四步:在src下面创建mock文件夹,新建文件mockServer.js
import Mock from 'mockjs'Mock.mock('/screen/wordcloud', { code: 0, data: 把数据复制到这里即可})
import Mock from 'mockjs'
Mock.mock('/screen/wordcloud', {
code: 0, data: 把数据复制到这里即可
})
第五步:在main.js中导入mockServer
import './mock/mockServer'
第六步:调用即可
async getWordcloud (){ const result = await wordcloud(); console.log(result) }
async getWordcloud (){
const result = await wordcloud();
console.log(result)
你好,第四步骤里面的data 从哪里来?
我也想问
目前看只能用mockjs模拟真实请求,通过http://www.youbaobao.xyz/datav-report/网站上接口的数据返回,跟真实效果一样
是把这个网页下 console 里面的数据拿出来吗?
直接使用演示项目的接口
演示项目的接口在哪里呀大师?
请求接口结果如下
登录后可查看更多问答,登录/注册
数据可视化是未来前端技术的标配,是未来前端竞争的破冰利器
907 16
1.2k 13
1.6k 9
1.2k 8
793 8