PanJiaChen / vue-admin-template

a vue2.0 minimal admin template
https://git.io/fAnuM
MIT License
20.02k stars 7.42k forks source link

想问一下如何把数据来源换成自己服务器的api? #333

Open shanhe78 opened 5 years ago

shanhe78 commented 5 years ago

刚学习前端的小白,如果可以的话希望前辈们的解答可以细致一些

shanhe78 commented 5 years ago

如果是更换table中的数据的话,是否在在vue-admin-template\mock\table.js export default { list: () => { const items = Mock.mock({ 'items|30': [{ id: '@id', title: '@sentence(10, 20)', 'status|1': ['published', 'draft', 'deleted'], author: 'name', display_time: '@datetime', pageviews: '@integer(300, 5000)' }] }) return { code: 20000, data: items } } } 中替换掉Mock.mock()方法即可?

dingangang commented 5 years ago

请求相关都封装在 src/utils/request.js 注意看下baseURL 需要向自己的服务器发请求在开发阶段会涉及到跨域。 建议先看下axios的用法, F12->Network可以看到自己的请求滴。 去看下vue-cli3配置相关。https://cli.vuejs.org/zh/config/ 看下proxy 注意vue-cli的baseUrl 和axios配置的baseURL不是一码事。 Mock通常只用于自己写模拟数据。

lostapple2017 commented 5 years ago

如果是后台请求都改成自己的实际后台服务器的话,改两个文件: .env.production里把VUE_APP_BASE_API改成你自己的; .vue.config.js里devServer部分增加proxy设置,target里写你的地址,changeOrigin设为true(实现跨域)

ntymm commented 5 years ago

改成这样,意味着初学者要花大量时间去学习webpack,不明白作者的意图是什么

loverto commented 5 years ago

好恶心啊,改了proxyurl后,控制台一直打印websocketjs invalid frame header

vueadmin commented 5 years ago

我也是换不了自己的API,怎么配置都不对

vueadmin commented 5 years ago

wmhello是卖课程的,没有什么能力解决问题

linguangjie commented 5 years ago

怎么改了代理地址后还是代理到本地呢。。。

zinwalin commented 5 years ago

如果是后台请求都改成自己的实际后台服务器的话,改两个文件: .env.production里把VUE_APP_BASE_API改成你自己的; .vue.config.js里devServer部分增加proxy设置,target里写你的地址,changeOrigin设为true(实现跨域)

按你说的改了, 接口确实指向了指定的地址,但是跨域问题没有解决,请求还是失败。

williamqian commented 4 years ago

如果是后台请求都改成自己的实际后台服务器的话,改两个文件: .env.production里把VUE_APP_BASE_API改成你自己的; .vue.config.js里devServer部分增加proxy设置,target里写你的地址,changeOrigin设为true(实现跨域)

感谢,成功了,如果我用代理,不用本地mock,是不是可以把里面的after: require('./mock/mock-server.js')mock-server.js删了? 微信图片_20200226114951