基于vue-cli的vue项目之axios的使用4--并发请求
来源:互联网 发布:淘宝卖包包的好店 编辑:程序博客网 时间:2024/05/18 15:23
并发请求,还是那句话,,,,域名被藏匿了
1.配置config/index.js:解决跨域问题dev: {env: require('./dev.env'),port: 8008,autoOpenBrowser: false,assetsSubDirectory: 'static',assetsPublicPath: '/',proxyTable: {'/ajaxurl': {target: 'https://www.aaaaaaa.com/',changeOrigin: true,pathRewrite: {'^/ajaxurl': '/'}}}}2.main.js:配置axios到原型链中,注意第二十五行import Vue from 'vue'import App from './App'import axios from 'axios'Vue.prototype.$http=axios;new Vue({el: '#app',render: h => h(App)})3.app.vue:使用请求,get为例,第四十七行到第五十二行设置并发,ajax1与ajax2为两个请求,其中ajax2的正确地址应该为/ajaxurl/welfare/gpa/index/index,第六十行为错误的链接<template><div id="app">huoqu<button @click="myajax">获取首页信息</button></div></template><script>export default {name: 'app',components: {},data: function() {},methods: {//get为例子myajax: function() {this.$http.all([this.ajax1(),this.ajax2()]).then(this.$http.spread(function(a,b){//全部请求正确时候触发console.log(a);console.log(b);console.log("请求全部加载完毕");}))},//第一个接口请求ajax1(){return this.$http.get("/ajaxurl/welfare/gpa/brand/list?page=1&size=10");},//第二个接口请求ajax2(){return this.$http.get("/ajaxurl/welfare/gpa/index/inde");},}}</script><style></style>
下面是正确的效果:
阅读全文
1 0
- 基于vue-cli的vue项目之axios的使用4--并发请求
- 基于vue-cli的vue项目之axios的使用5--axios方法发送请求
- 基于vue-cli的vue项目之axios的使用2--最基础的请求
- 基于vue-cli的vue项目之axios的使用3--get传参请求
- 基于vue-cli的vue项目之axios的使用6--配置axios
- 基于vue-cli的vue项目之axios的使用1--准备工作
- 基于vue-cli的vue项目之vuex的使用4-------moudles分块
- vue 组件的封装之基于axios的ajax请求
- vue-cli 使用axios
- 基于vue-cli的vue项目之vuex的使用1---------最简单的vuex模板
- 基于vue-cli的vue项目之路由1--最基本的使用
- 基于vue-cli的vue项目之vuex的使用2-------commit参数
- 基于vue-cli的vue项目之vuex的使用3-------action异步传参
- vue axios 的使用
- 基于vue-cli的vue项目之路由4--嵌套路由
- 基于vue-cli的vue项目之路由6--重定向4-----path带参重定向
- 在Vue-cli里基于axios封装复用请求
- 在 vue-cli 里基于 axios 封装复用请求
- maven--私服的搭建(Nexus的使用)
- 自定义View onDraw不执行
- Caffe 用自己的数据集在ImageNet网络结构上训练测试
- Java 数组
- (四)JavaScript关于浏览器--操作文件
- 基于vue-cli的vue项目之axios的使用4--并发请求
- Jni的笔记一,简单的通信
- HDU
- Jedis对redis的操作详解
- UML常用图的几种关系的总结
- 深谈多并发计数器CountDownLatch(一)
- 数学笔记——导数5(指数函数和对数函数的导数)
- 探究多个装饰器执行顺序
- Android蓝牙相关—蓝牙打印