下载APP
登录
关闭
讲堂
算法训练营
Python 进阶训练营
企业服务
极客商城
客户端下载
兑换中心
渠道合作
推荐作者
当前播放: 40 | 如何高效地使用Mock数据进行开发
00:00 / 00:00
标清
  • 标清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看

Vue开发实战

共53讲 · 53课时,约500分钟
10559
免费
01 | 课程介绍
免费
02 | Vue简介
免费
03 | 内容综述
免费
04 | 第一个Vue程序
免费
05 | 组件基础及组件注册
免费
06 | Vue组件的核心概念:事件
免费
07 | Vue组件的核心概:插槽
08 | 理解单文件组件
09 | 双向绑定和单向数据流不冲...
10 | 理解虚拟DOM及key属性的...
11 | 如何触发组件的更新
12 | 合理应用计算属性和侦听器
13 | 生命周期的应用场景和函数...
14 | 指令的本质是什么
15 | 常用高级特性provide/inj...
16 | 如何优雅地获取跨层级组件...
17 | template和JSX的对比以及...
18 | 为什么需要Vuex
19 | 如何在Vue中使用Vuex
20 | Vuex核心概念及底层原理
21 | Vuex最佳实践
22 | Vue Router的使用场景
23 | 选择何种模式的路由及底层...
24 | Nuxt解决了哪些问题?
25 | Nuxt核心原理是什么?
26 | UI组件库对比:Element U...
27 | 提升开发效率和体验的常用...
28 | 单元测试的重要性及其使用
29 | 生态篇习题解答(上)
30 | 生态篇习题解答(下)
31 | Ant Design Pro介绍
32 | 使用Vue CLI 3快速创建...
33 | 如何自定义Webpack和Babel...
34 | 如何设计一个高扩展性的路...
35 | 实现一个可动态改变的页面...
36 | 如何将菜单和路由结合
37 | 如何使用路由管理用户权限
38 | 更加精细化的权限设计(权...
39 | 如何在组件中使用ECharts...
40 | 如何高效地使用Mock数据进...
41 | 如何与服务端进行交互(Ax...
42 | 创建一个普通表单
43 | 初始数据、自动校验、动态...
44 | 创建一个分步表单
45 | 自己封装一个支持自动校验...
46 | 如何管理系统中使用的图标
47 | 如何定制主题及动态切换主...
48 | 如何做好国际化
49 | 如何高效地构建打包发布
50 | 如何构建可交互的组件文档
51 | 如何做好组件的单元测试
52 | 如何发布组件到npm
53 | GitHub相关生态应用(持续...

精选留言(18)

  • 2019-11-07
    接口路径中有包含动态内容,如何映射到某个js文件呢? 比如接口 /model/delete/5 , 5是id,是动态变化的, 对应的mock 数据文件是model_delete_5.js 或是model_delete_X.js 。 这个要如何处理呢?
    1
    1
  • 2019-05-14
    跟着老师做的,mock数据也能拿到,数据也能渲染,但总有个报错:
    Proxy error: Could not proxy request /api/dashboard/chart?ID=12345 from localhost:8080 to http://localhost:3000.

    运行老师的项目就没这个错误,找了一上午也没发现问题在哪。甚至最后直接把老师项目中的 vue.config.js 和 analysis.vue两个文件直接拷贝到我自己的项目中也还是有错误。

    这是我项目地址 https://github.com/zhangxiaoshang/ant-design-vue-pro/tree/0.0.9
    展开
    4
    1
  • 2019-05-07

    找不到 ./mock/dashboard_chart module
    2
    1
  • 2019-12-15
    为什么我拉取项目下来运行之后,页面上有些图标却显示不出来?类名没问题
  • 2019-12-06
    在dashboard_chart.js中添加console.log打印数据,发现node终端上回一直打印,这样的话,node会把内存吃完。这是怎么回事儿呢?

    不应该是我调用一次就打印一次么,难道是nodejs在轮询?
  • 2019-10-22
    老师这里讲的是get请求,那么如果使用的是post请求呢,我该怎么拿到传过来的参数?可以提供一些参考文章吗?其实我非常希望老师能在每个视频的下方多放些参考文章之类的供我们深入了解与拓展,因为如果自己去找的话有点太浪费时间了
  • 2019-09-26
    访问时,控制台报错Proxy error: Could not proxy request /api/dashboard/chart?ID=12345 from localhost:8080 to http://localhost:3000/.
    See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).
    使用仓库项目,定位到tag0.0.9,启动不报错,后来将vue.config.js和Analysis.vue改为仓库的代码,还是报错,参照评论,将proxy的target的端口由3000改为8080,无报错,但此疑问始终存在,为什么会报上述错误,而且不止一人报错,希望老师能真的给个解答
    展开
    1
  • 2019-08-17
    老师能回答下吗,很多人遇到这种问题样

    报错 Proxy error: Could not proxy request /api/dashboard/chart?ID=12345 from localhost:8080 to http://localhost:8080/.
    See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).

    npm run server 一开始正常,后面开始频繁在终端报出上面的错误
    展开

    作者回复: 最好在官方仓库中能给出复现demo 方便给出解决方案

    2
  • 2019-08-08
    报错 Proxy error: Could not proxy request /api/dashboard/chart?ID=12345 from localhost:8080 to http://localhost:8080/.
    See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).

    npm run server 一开始正常,后面开始频繁在终端报出上面的错误
    展开
  • 2019-08-01
    我的可以请求成功,但是终端还会报这个错,这是怎么回事呢?
    TypeError: Cannot read property 'split' of undefined
        at Object.bypass (G:\vue\vuex-demo\vue.config.js:13:15)
        at app.use (G:\vue\vuex-demo\node_modules\webpack-dev-server\lib\Server.js:313:25)
  • 2019-07-31
    请问老师为什么我不能像您这样用const mock = require('./mock/${name}')呢,我的${name}这个变量没生效呢
    1
  • 2019-06-18
    http://localhost:8080/api/dashboard/chart?ID=12345接口报404没找到, vue.config.js中已经设置了?是怎么回事?

    作者回复: 如果不是mock数据 你得自己配服务器

  • 2019-05-29
    控制台报 Could not proxy request 那个的错误,吧配置里的端口改成8080就不会报错了
  • 接口获取到数据了,但是控制台总是提示: Could not proxy request /api/dashboard_chart from 192.168.101.44:8080 to http://localhost:3000.怎么让他不提示呢
  • 一般后台接口也是按模块划分的,比如 user/login、user/register,那老师的这种mock好像不太好划分模块了,我一般是建立一个server文件夹,里面用express或者koa模拟真正的接口请求去返回数据,这样就能和后台一样模块划分了,通过mockjs生产假数据。

    作者回复: 可以的,mock方案很多种,选择适合自己的

  • 2019-05-15
    老师,我用axios请求我本地的搭建的php脚本,有ajax跨域问题!!因为我用npm run serve启动的是127.0.0.1:8080端口,我php服务器是127.0.0.1:80端口
    测试阶段只能用Mock数据吗?是不是要打包后运行web服务才可以?而且在开发环境下我用手机也访问页面
    我是新手没有开发经验,问题太多了老是麻烦老师都不好意思了
  • 2019-05-07
    mock地址应该是http://localhost:8080吧?

    作者回复: 默认是8080

    2
  • 2019-05-07
    前面找不到mock是路径有问题解决了,又出现代理不能到3000端口
    Proxy error: Could not proxy request /api/dashboard/chart?ID=12345 from 127.0.0.1:8080 to http://localhost:3000/.
    See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).
    展开