vueでaxiosを使用し、郵便番号検索APIをたたくとCORSのエラーが出る
vue
<script> data() { return { headers: { 'Content-Type': 'application/json;charset=UTF-8', 'Access-Control-Allow-Origin': '*', } } }, methods: { axios.get('https://zipcloud.ibsnet.co.jp/api/search?zipcode=7830060', this.headers) .then(response => { console.log('status', response.status); console.log('body', response.data); }) .catch(err => { console.log('err', err); }) } </script>
色々調べていたのですが、上記のやり方で解決されている方が多く、真似してみたのですが、
Access to XMLHttpRequest at 'https://zipcloud.ibsnet.co.jp/api/search?zipcode=7830060' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
というエラーが出てしまいます。
おかしいところ、他にも設定しなくてはいけないところがあったら教えていただけますと幸いです。
まだ回答がついていません
会員登録して回答してみよう