Skip to content

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

Open
@shanhe78

Description

@shanhe78
No description provided.

Activity

shanhe78

shanhe78 commented on Apr 19, 2019

@shanhe78
Author

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

shanhe78

shanhe78 commented on Apr 19, 2019

@shanhe78
Author

如果是更换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

dingangang commented on Apr 20, 2019

@dingangang

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

lostapple2017

lostapple2017 commented on Apr 22, 2019

@lostapple2017

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

ntymm

ntymm commented on May 5, 2019

@ntymm

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

loverto

loverto commented on May 16, 2019

@loverto

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

vueadmin

vueadmin commented on May 27, 2019

@vueadmin

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

vueadmin

vueadmin commented on May 27, 2019

@vueadmin

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

Repository owner deleted a comment from wmhello on May 27, 2019
linguangjie

linguangjie commented on Jun 21, 2019

@linguangjie

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

zinwalin

zinwalin commented on Aug 25, 2019

@zinwalin

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

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

williamqian

williamqian commented on Feb 26, 2020

@williamqian

如果是后台请求都改成自己的实际后台服务器的话,改两个文件:
.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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @loverto@zinwalin@dingangang@vueadmin@williamqian

        Issue actions

          想问一下如何把数据来源换成自己服务器的api? · Issue #333 · PanJiaChen/vue-admin-template