前提・実現したいこと
vue-cilでaxiosを使ってスプレッドシートのデータを取得したいです。
@vue/cli 4.1.2
発生している問題・エラーメッセージ
axios.getでcorsが解決できません。
xhr.js?b50d:178 OPTIONS https://script.googleusercontent.com/a/macros/teamfactory.jp/echo?user_content_key=TfqRo0zZlMNKLQ0SxEDomBcfi_kBwA4yB6RHCYwjQe8mWcccDmRx7WHf9etcLT1BqbTJBekJd0Xw2O1aKPYVHuoWvXkc2RrNm5_BxDlH2jW0nuo2oDemN9CCS2h10ox_w2tDkN4mk9Nr_I2Akrm_x6NXtagYLtQBS4chwneYR2u3YX268Z_dhpW6DN4NacSBuq_SL5yhhKHo9-053JGP8_sj9HF4aj3wjpuRdHi4PpI&lib=Me3AdELmMyttuW7AxCwxV24Pp-DCmIDae 405 Access to XMLHttpRequest at 'https://script.googleusercontent.com/a/macros/teamfactory.jp/echo?user_content_key=TfqRo0zZlMNKLQ0SxEDomBcfi_kBwA4yB6RHCYwjQe8mWcccDmRx7WHf9etcLT1BqbTJBekJd0Xw2O1aKPYVHuoWvXkc2RrNm5_BxDlH2jW0nuo2oDemN9CCS2h10ox_w2tDkN4mk9Nr_I2Akrm_x6NXtagYLtQBS4chwneYR2u3YX268Z_dhpW6DN4NacSBuq_SL5yhhKHo9-053JGP8_sj9HF4aj3wjpuRdHi4PpI&lib=Me3AdELmMyttuW7AxCwxV24Pp-DCmIDae' 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.
該当のソースコード
index.vue
1 const API_URL = 'https://script.google.com/macros/s/AKfycbw_OhaAK21oclZbTFYFgejpqUerCFGaGEgI0Kvz73ZaIcg-Fd8/exec' 2 3 'https://docs.google.com/spreadsheets/d/1CmwgPVvJ_a_Ev922z8kyazvY0LJOM5qPDcJvhuapB0o/edit?usp=sharing' 4 axios.get(API_URL, { 5 crossDomain:true 6 }) 7 .then( response => { 8 console.log(response.data) 9 }) 10 .catch(error => { 11 console.log(error); 12 }) 13
試したこと
const headers = { 'Content-Type': 'application/json;charset=UTF-8', 'Access-Control-Allow-Origin': '*' }
headersを定義し、axios.getのheaderを設定しましたが同じエラーが出ました。
補足情報(FW/ツールのバージョンなど)
スプレッドシートAPIは単体でアクセスすると表示されるので、スプレッドシートの問題ではないと思うのですが、他に良い方法をご教授ください。
よろしくお願い致します。
あなたの回答
tips
プレビュー