taylorchen709 / vue-admin

admin template based on vuejs2 and element.
https://taylorchen709.github.io/vue-admin/
MIT License
6.62k stars 2.69k forks source link

请教一下如何 请求后台数据 #92

Closed AncestorDragon closed 2 years ago

AncestorDragon commented 6 years ago

我看了这个框架 ,现在的数据都是user.js 随机生成的 ,请问 如何去请求后台服务接口的数据 ,我参考了网上很多例子,但是就是请求 不到,感觉请求都没发出去 ,能不能给我个demo例子,谢谢了。我主要做后端的,现在想学习套用你这个前端UI的框架,拜托了

weijun876 commented 6 years ago

我把USER TABLE的API转成DJANGO RESTFUL API 一直请求不到报404啊 不知道为什么

Laann commented 6 years ago

我也是 用axios请求不到数据 一直报404错误

bay1 commented 6 years ago

前天写了一个flask做后端的,或许能给些帮助 vue-admin-flask-example

yqh708 commented 6 years ago

@bay1 大神,请问一下,我不需要mock的模拟数据,我要怎么请求api获取到后台 的数据呢?我需要重新写一个方法吗?我看了您的项目,还是不太明白,请求指点指点

bay1 commented 6 years ago

@yqh708 首先你需要注释掉mock引入部分,然后你参照我的那个例子里api的样式写自己的请求,那些具体的代码你可以在vue-admin-flask-example/src/api/api.js找到

yqh708 commented 6 years ago

@bay1 可以了,谢谢。要把main.js中的mock引入和Mock.bootstrap();注释就可以了

miloshu commented 6 years ago

需要把整个mock文件夹删掉吗? 那mock文件夹里面的mock.js 没有之后 再用后台服务接口会不会有影响??? 新手 求怎么调用自己后台的接口 而不用您这个项目的mock

Laann commented 6 years ago

@miloshu 首先你要屏蔽掉这个demo的请求模拟数据的方法,参考6楼的做法。 屏蔽了之后,就可以用ajax调自己后台接口了。 这个demo用的v-aiosx插件来模拟获取的后台数据。 有一个讨巧的办法,不用屏蔽或者删除掉其他东西,你改用v-resource来请求ajax也可以,我试过

miloshu commented 6 years ago

@Laann resource 已经过时了 我用的是axios, 就是要把main.js的 import Mock from './mock' Mock.bootstrap() 注释 然后删掉mock文件夹就可以吗? 我看到mock.js文件夹里面的mock.js有些很多请求逻辑 删掉会不会有影响

miloshu commented 6 years ago

删除所有的mock之后 然后直接修改API里面的api.js文件替换成自己的接口就可以了是吗

Laann commented 6 years ago

@miloshu 是的 api.js是他自己封装的,你不用也可以

BrianAguilar commented 5 years ago

@alex-0407 你好这个header怎么去固定,不滚动,实际项目中一个厂字形,如何改造Home.vue左边把二级菜单改成三级菜单