组件里多个使用vue-resource发起多个ajax请求会有一个请求报错。
用vue写的一个首页,里面有轮播和广告部分,
轮播用的vue-resource发起了一个ajax请求
广告部分比较多 发起了5个ajax请求,
控制台network显示6个请求都正常,但是会多一个请求错误,报错内容在下方
vue-resource的写法比较麻烦 多个要写很多代码,于是封装成js了
import Vue from 'vue'
import vueResource from 'vue-resource'
Vue.use(vueResource)
export default (CodeArr, Timestamp, Sign, DateName, _this) => {
Vue.http.get('http://ad.api.t.xxx.net/v1/position?CodeArr=' + CodeArr + '&LBSLongitude=113.9109898&LBSLatitude=22.494454&PartnerId=U001&Timestamp=' + Timestamp + '&Sign=' + Sign, {},
{headers: {
'X-Requested-With': 'XMLHttpRequest'
},
emulateJSON: true
}).then(function (response) {
var data = response.json().Content[0].Content[0]
_this[DateName] = data
}, function (response) {
console.log('请求失败response', response)
})
}
template部分
完整js ajax部分
import Vue from 'vue'
import VueAsyncData from 'vue-async-data'
import signCalc from '../libs/signCalc.js'
import vueAjax from '../libs/vueAjax.js'
Vue.use(VueAsyncData)
let CodeArr1 = 'U01001_find009'
let CodeArr2 = 'U01001_find012'
let CodeArr3 = 'U01001_find010'
let CodeArr4 = 'U01001_find011'
let CodeArr5 = 'U01001_find013'
let Timestamp = Math.round(new Date().getTime() * 10000 + 621355968000000000)
let leftImg1 = signCalc(CodeArr1, Timestamp)
let leftImg2 = signCalc(CodeArr2, Timestamp)
let rightImg1 = signCalc(CodeArr3, Timestamp)
let rightImg2 = signCalc(CodeArr4, Timestamp)
let rightImg3 = signCalc(CodeArr5, Timestamp)
export default {
ready () {
console.log('recommend hot ready')
},
asyncData (resolve, reject) {
let _this = this
vueAjax(CodeArr1, Timestamp, leftImg1, 'imgLeft1', _this)
vueAjax(CodeArr2, Timestamp, leftImg2, 'imgLeft2', _this)
vueAjax(CodeArr3, Timestamp, rightImg1, 'imgRight1', _this)
vueAjax(CodeArr4, Timestamp, rightImg2, 'imgRight2', _this)
vueAjax(CodeArr5, Timestamp, rightImg3, 'imgRight3', _this)
},
data () {
return {
imgLeft1: {},
imgRight1: {},
imgLeft2: {},
imgRight2: {},
imgRight3: {},
FliePath: 'http://files.t.xxx.net/'
}
}
}
最后预览的时候页面会有个请求报错
GET http://files.t.xxx.net/undefined 404 (Not Found) undefined:1
无论我是把轮播部分注释掉不加载 还是把广告部分注释不加载 最后都是会产生这个报错。
有木有人遇到过。
相关阅读:
animate 实现文字水平滚动
sublime text 3 怎样保存为.scss文件?
如何知道运行多少个进程最有效率?
jquery如何判断用户是否在浏览当前网页
NW在XP中打不开?
cmd打开adb,一直显示device not found,怎么回事?
Bootstrap3在ie7下字体图标不显示
Laravel:用jquery的ajax()提交表单,返回的json验证信息,不能显示在html中
这个怎么布局
idea报错jClassNotFoundException: com.sun.tools.javac.api.JavacTool
页面加载进度条实现的原理是什么
/var空间不足怎么办?(求安全保险的方法)
ajax没有结束时(后台thinkPHP没有处理完成时)如何切换页面?
千万客户端做socket消息推送,服务器如何架设!
git本地仓库关联多个remote,怎么用本地一个分支向不同remote不同分支推送代码?
Spring4 Failed to read candidate component class 问题
我想用PHP $_SERVER['HTTP_HOST'] 获取当前服务器的域名,但是每次都转换成了IP地址?
单元测试和功能测试对于WEB Application开发有何帮助
cmpp2.0协议的java实现
微信支付开发:发起微信支付的时候,报错:invalid signature