Question

我遇到问题，我认为axios在查询发送之前查询错误的网址。

getShows : function(){
  if( ! this.query ) return false;
  var getURL = this.makeUrlFromObject(this.query);
  console.log('getURL', getURL);
  var self = this;
  axios.get(getURL).then(function(response){
    console.log('response.data', response.data)
    self.shows = response.data;
  });
},
makeUrlFromObject : function(query){
  var queryArray = [];
  for (var prop in query) {
    if(!query.hasOwnProperty(prop)) continue;
    queryArray.push(prop + "=" + query[prop]);
  }
  var url = this.apiUrl + '?' + queryArray.join('&');
  return url;
},
...

运行getShows会在控制台中返回以下内容：

1. getURL /api/all?date=20180131

2. GET http://website.dev/shows/false 404 (Not Found)                     false:1

3. response.data (3) [{…}, {…}, {…}]

我似乎无法诊断此false:1的来源。请求和响应都有效，只是这个额外的请求似乎无处不在。

Answer 1

我是个白痴。在ajax请求之后，在页面上创建一个图像元素。

响应（未显示）恰好包含一个加载到3个对象中的2个中的图像文件。第3个没有图像，所以它以{ image : false }的形式返回。

当这用于创建图像模板时，它又回来了：

<div style="background-image:url(false)">

所以控制台带回了'false'的get请求，404d。

Axios false 404错误

1 个答案: