VueJS axios CORS Google Api

Posted 2021-04-19

我尝试从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的错误，但我该怎么办？

答案

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

另一答案

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

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

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