VueJS axios CORS Google Api

Question

我尝试从API Google商家信息中获取数据

axios.get('https://maps.googleapis.com/maps/api/place/details/json?placeid=...&key=mykey')
    .then(response => {
      commit('SET_REVIEWS', { list: response.data })
    }, error => {
      console.log(error)
    })                                                                                              

之后我有这个错误 我知道服务器端CORS的错误，但我该怎么办？

Answer 1

在我的项目中，我使用NuxtJS，我找到了解决方案。 您必须在服务器端（nodeJS）发出请求，而不是客户端。 如下所示，方法提取允许您执行此操作并且它可以工作 https://nuxtjs.org/guide/vuex-store#the-fetch-method

Answer 2

只需在您自己的服务器上创建并调用Web服务，然后再调用googles webservice。

您的Web服务的主要代码在PHP中可能如下所示：

$url = 'https://maps.googleapis.com/maps/api/place/details/json?key=' . $key . '&placeid=' . $place_id; echo json_decode(file_get_contents($url), true);