Using Google API URL in VueJS

Asked Apr 07 '20 at 19:35

Active Apr 08 '20 at 09:49

Viewed 247 times

-1

i have a URL like this

https://maps.googleapis.com/maps/api/directions/json?origin=30.03049985444775,31.40335779637098&destination=30.185096658446447,31.520390957593914&language=ar&key=Key

when i try to use it in axios i get error

Access to XMLHttpRequest at 'https://maps.googleapis.com/maps/api/directions/json?origin=30.03049985444775,31.40335779637098&destination=30.185096658446447,31.520390957593914&language=ar&key=Key' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

asked Apr 07 '20 at 19:35

Hani Gerges

92
1
11

1 Answers1

1

This is answered here: Google Maps API: No 'Access-Control-Allow-Origin' header is present on the requested resource

You need to be using the Google Maps JS API.

answered Apr 07 '20 at 19:55

sevensidedmarble

643
1
4
14

How to do it in vue, I just want to get response from this url – Hani Gerges Apr 08 '20 at 01:57
1

Actually the answer is there. You cannot do that. You need to use the GoogleMaps JS API – Radu Diță Apr 08 '20 at 09:45