16、axios的使用与数据的mock2(使用proxyTable代理)
时间:2022-06-09
本文章向大家介绍16、axios的使用与数据的mock2(使用proxyTable代理),主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
前言:上篇讲了axios的基本使用然后写了个json文件mock了下数据,最后我们安装了express并在webpack.dev.conf.js中配置后成功的在浏览器中访问到了数据。但是这样访问mock数据的方式未免太过麻烦,所以这章我们用简单的proxyTable代理的方式访问mock数据。 GitHub:https://github.com/Ewall1106/mall
1、设置proxyTable
设置proxytable代理
新增这几条的代码是什么意思呢?
(1)当你请求/api
的时候,转发到http://localhost:8080
这台端口号为8080的服务器上;
(2)一旦你请求是以/api
开头的,就把它替换为/static/mock
这个路径;
2、使用axios获取mock数据
好了,知道了新增几行代码的意思,我们就在home.vue
页面用这种方式访问下数据
使用axios
3、去浏览器中看看是不是访问成功了
localhost
没问题,至此,我们通过两种方式从本地获取了数据,接下来就是把数据渲染到页面上了。
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- 3D摇杆控制器一种简单实现!Cocos Creator 3D!
- 数据结构 | TencentOS-tiny中队列、环形队列、优先级队列的实现及使用
- RTOS内功修炼记(六)—— 任务间通信为什么不用全局变量?
- 程序员必备基础:加签验签
- 【Rust日报】2020-07-16 j4rs,一个在 Rust 中调用 Java 代码的 Crate
- Vue.js 3 正式进入 RC 阶段
- FeignClient注解及参数问题---SpringCloud微服务
- Rust FFI 编程 - Rust导出共享库01
- 【每周一库】 see - An HTTP server for hosting static files
- 【Rust日报】2020-07-17 无船同志新博客:Shipping Const Generics in 2020
- SpringCloud--Config Server配置中心学习总结
- 【Rust日报】2020-07-18 提升ARM64 Linux平台支持到Tier-1
- SpringCloud+MyBatis(oracle)逆向工程自动生成代码
- JDK1.8的几个简单Lambda表达式
- 腾讯云直播开发日记 (一) 直播播放和观看