エラーWordPress Vue.jsを使用したREST API V2コール

Question

Vue.jsとaxiosでWP REST APIを呼び出すと、次のエラーが発生します。

http://my-wordpress-site.com/wp-json/wp/v2/postsをXMLHttpRequestで読み込めません。 'Access-Control-Allow-Origin'ヘッダーには、供給元と等しくない値 'http://null'があります。 したがって、 'null'の元はアクセスが許可されていません。

私はGETメソッドでPostmanを使用すると正しく動作しています。

問題はどこですか？

var app = new Vue({ 
 
    el: '#app', 
 
    data: { 
 
    posts: [], 
 
    }, 
 
    mounted: function() { 
 
    this.getPosts() 
 
    }, 
 
    methods: { 
 
    getPosts: function() { 
 
     var app = this 
 

 
     axios.get('http://my-wordpress-site.com/wp-json/wp/v2/posts') 
 
     .then(function (response) { 
 
     app.posts = response.data.title.rendered 
 
     }) 
 
     .catch(function (error) { 
 
     console.log(error) 
 
     }) 
 
    } 
 
    } 
 
});

<div id="app"> 
 
    <div class="section"> 
 
    <ul> 
 
     <li v-for="post in posts">{{ post }}</li> 
 
    </ul> 
 
    <h3></h3> 
 
    </div> 
 
</div>

Answer 1

私は（）関数、WP-含み/静止api.phpファイル内の行を変更することにより、rest_send_cors_headersで
それを解決：それはCORSだ

header('Access-Control-Allow-Origin: *');