下载APP
登录
关闭
讲堂
算法训练营
Python 进阶训练营
企业服务
极客商城
客户端下载
兑换中心
渠道合作
推荐作者
当前播放: 41 | 如何与服务端进行交互(Axios)
00:00 / 00:00
标清
  • 标清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看

Vue开发实战

共53讲 · 53课时,约500分钟
10503
免费
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相关生态应用(持续...

精选留言(17)

  • 2019-05-06
    老师好!希望更新速度能快点,我的键盘早已饥渴难耐了。
    12
  • 2019-05-09
    感谢唐老师的讲解,讲的挺好,但有些方面希望讲的更细一点,对我的帮助很大
    3
  • 2019-10-17
    // 留给有需要的小伙伴
    // 1. 安装node http://nodejs.cn/download/
    // 2. 初始化 npm init
    // 3. 安装依赖 npm i --save express
    // 4. 创建app.js(copy下述代码)
    // 5. 运行命令:node app

    // app.js
    const express = require("express");
    const app = express();

    // 设置跨域访问
    app.all("*", (req, res, next) => {
      res.header("Access-Control-Allow-Origin", "*");
      res.header("Access-Control-Allow-Headers", "X-Requested-With");
      res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
      res.header("X-Powered-By", " 3.2.1");
      res.header("Content-Type", "application/json;charset=utf-8");
      next();
    });

    let resData = [10, 20, 30, 40, 50, 60];

    // 接口配置
    app.get("/api/dashboard/chart", (req, res) => {
      res.status(200), res.json(resData);
    });

    // 配置服务端
    let server = app.listen(3000, () => {
      let host = server.address().address;
      let port = server.address().port;

      console.log("Server running at http://%s:%s", host, port);
    });
    展开
    1
  • 2019-05-23
    老师 我的cross-env安装包安装完成之后会在dependencies中 为什么你的在devDependencies里呢

    作者回复: npm i --save-dev cross-env
    我指定了位置

    1
  • 2019-05-14
    感谢唐老师的讲解,讲的挺好,但有些方面希望讲的更细一点,对我的帮助很大

    作者回复: 感谢支持

    1
  • 2019-05-07
    感谢唐老师的细心讲解,但是在有点的关键的地方希望老师能再详细一点 非常感谢
    1
  • 2019-11-14
    Axios如何解决ajax跨域访问问题?
  • 2019-11-08
    老师,问下,把后台返回的数据赋值给list,this.list=data. data,报错,显示list为undefined,这是啥原因

    1
  • 2019-08-03
    老师,请教两个问题:
    1、封装axios的本质是什么?我写代码的时候通常直接用axios,但是看好多大神的代码都会封装一次。
    2、跟后台交互时使用代理来请求到后台服务,在项目中,由于每个接口最开始一层目录不一致,我就在前面多加了一层/api,然后重定向为空,本地测试没问题,但是打包部署到服务器上,却多了这层api的目录,请问一般怎么解决?
    期待回复,谢谢!

    作者回复: 1 封装一层的目的有很多,比如统一错误处理,统一日志监控 等等
    2 可以根据环境变量来决定要不要这个api

  • 2019-07-04
    承诺,老师下次课还买还学,若还是觉得挺棒,至少学两遍+,下次还买。

    作者回复: 感谢支持 😄

  • 2019-06-22
    感谢唐老师,讲得挺好,学到了很多。

    作者回复: 感谢支持

  • 老师,我刚才试了一下,这个代码在IE上运行报错。我在package.json中加了babel-polyfill,依然不行,运行不起来,您有空能试一下吗?

    作者回复: 建议使用Chrome ie的兼容性并没有测试

  • 老师,从github上下的这个代码运行不起来啊
  • 2019-06-22
    GET http://localhost:8080/api/dashboard/chart1?ID=12345 500 (Internal Server Error) 我的报500错误,为啥你的报404,你后台接口设置错误信息了?

    作者回复: 500必然是后台问题了

    1
  • 2019-06-14
    老师,想问一下,你那个接口为什么在后面加个1就是404了,这个接口不是自己随便写的吗
  • 2019-05-30
    接口请求传参 不是在对象里面 是箭值的方式 axios需要怎么修改
  • 2019-05-14
    视频开头使用corss-env设置环境变量在vue-cli3.0以上是不是只能VUE_APP_*这种方式设置的变量才能获取到?不能只能一直为undefine