博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue模拟后台数据,proxy代理
阅读量:5311 次
发布时间:2019-06-14

本文共 902 字,大约阅读时间需要 3 分钟。

config>index.js  设置代理,让api路径跳转到虚拟数据的路径

assetsSubDirectory: 'static',    assetsPublicPath: '/',    proxyTable: {        '/api': {            target: 'http://localhost:8080',            pathRewrite: {                '^/api': '/static/mock'            }        }

在子组件请求数据

methods: {    getHomeInfo () {      axios.get('/api/index.json').then(this.getHomeInfoSucc)    这里/api会被代理成/static/mock虚拟数据的文件路径    },    getHomeInfoSucc (res) {   对数据进行处理      res = res.data  将数据里面的data拿到      if (res.ret && res.data) {  做一个判断,当数据成功接收且数据不为空        const data = res.data          this.city = data.city        this.swiperList = data.swiperList        this.iconList = data.iconList        this.recommendList = data.recommendList        this.weekendList = data.weekendList      }      console.log(res)    }  },  mounted () {   在mounted执行时获取数据    this.getHomeInfo()  }

 

转载于:https://www.cnblogs.com/island1994/p/9447787.html

你可能感兴趣的文章
C++ 删除字符串的两种实现方式
查看>>
ORA-01502: 索引'P_ABCD.PK_WEB_BASE'或这类索引的分区处于不可用状态
查看>>
Java抽象类和接口的比较
查看>>
开发进度一
查看>>
MyBaits学习
查看>>
管道,数据共享,进程池
查看>>
CSS
查看>>
[LeetCode] 55. Jump Game_ Medium tag: Dynamic Programming
查看>>
[Cypress] Stub a Post Request for Successful Form Submission with Cypress
查看>>
程序集的混淆及签名
查看>>
判断9X9数组是否是数独的java代码
查看>>
00-自测1. 打印沙漏
查看>>
UNITY在VS中调试
查看>>
SDUTOJ3754_黑白棋(纯模拟)
查看>>
Scala入门(1)Linux下Scala(2.12.1)安装
查看>>
如何改善下面的代码 领导说了很耗资源
查看>>
Quartus II 中常见Warning 原因及解决方法
查看>>
php中的isset和empty的用法区别
查看>>
Android ViewPager 动画效果
查看>>
pip和easy_install使用方式
查看>>