如何解决Axios发布请求的问题

Question

有这种Vue方法：

methods: {

sendTrackerClientData () {

    return axios.post("https://seo-gmbh.eu/couriertracker/json/couriertracker_api.php?action=tracking.data_save&key_id=00227220201402050613" , {
      tracking_data: 'some data'
     })
    .then(response => {
      console.log('post method is working!');
    })
    .catch(function (error) {
      console.log(error);
    });
},

}

挂在按钮单击事件上的

[尝试发送数据后，我们可以在Firebug中看到上述警告和错误。尝试按类型添加标题：

return axios.post("https://seo-gmbh.eu/couriertracker/json/couriertracker_api.php?action=tracking.data_save&key_id="+ this.$store.state.tracker.trackingKeyId , {
   headers: {
       'Access-Control-Allow-Origin': '*',
        'Content-Type': 'application/json',
        'X-Powered-By': 'bacon'
      },
      tracking_data: this.$store.state.tracker.trackingClientData
     })
    .then(response => {
      console.log('post method is working!');
    })
    .catch(function (error) {
      console.log(error);
    });

它没有导致任何结果。题：我该如何解决这个问题？

Answer 1

好，让我们分解一下：

Answer 2

此问题表示服务器限制了跨域请求。您尝试添加的标头应添加到服务器端。如果不修改服务器代码/设置，就无法使其正常工作。