Ошибка WordPress API REST API V2 с Vue.js

Question

Я получаю следующую ошибку при вызове WP REST API с Vue.js и axios.

XMLHttpRequest не может загрузить http://my-wordpress-site.com/wp-json/wp/v2/posts. Заголовок «Access-Control-Allow-Origin» имеет значение «http://null», которое не равно указанному в нем источнику. Происхождение 'null', следовательно, не допускается.

Когда я использую Postman с методом GET, он работает правильно.

Где проблема?

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

Я решил, изменив строку в сор-включает/отдых-api.php файл,
в rest_send_cors_headers() функция:

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