2017-11-20 19 views
1

私はがクエリが送信される直前に間違ったURLをクエリしていると思われる問題が発生しています。Axios false 404エラー

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がどこから来ているの診断に見えることはできません。要求と応答はどちらも機能していますが、この余分な要求はどこからも出てこないようです。

+0

'this.query'の内容は何ですか? –

+0

@DominicTobiasこれは、現在のURLクエリ文字列を持つキー値オブジェクトです。つまり、 '?age = 10 'のURLを使用している場合は' {age:10} ' – Djave

答えて

0

私はばかです。 ajaxリクエストに続いて、イメージ要素がページ上に作成されます。

応答(図示せず)は、3つのオブジェクトのうち2つにロードされたイメージファイルを含むようになりました。 3番目の画像に画像がないため、{ image : false }に戻ってきました。これは、イメージテンプレートを作成するために使用された場合は

、それはのように戻って来ていた:

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

だから、コンソールは404D「偽」のget要求、と戻ってきました。