質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Google スプレッドシート

Google スプレッドシートは、フリーで利用できる表計算ソフト。Webアプリのためインターネットに接続することで利用できます。チャートやグラフの作成のほか、シートを他のユーザーと共有したり、同時に作業を進めることも可能です。

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

Q&A

0回答

1832閲覧

vue-cilでaxiosを使ってスプレッドシートのデータを取得したい

art_porokyu

総合スコア44

Google スプレッドシート

Google スプレッドシートは、フリーで利用できる表計算ソフト。Webアプリのためインターネットに接続することで利用できます。チャートやグラフの作成のほか、シートを他のユーザーと共有したり、同時に作業を進めることも可能です。

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

0グッド

0クリップ

投稿2020/02/07 12:09

前提・実現したいこと

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は単体でアクセスすると表示されるので、スプレッドシートの問題ではないと思うのですが、他に良い方法をご教授ください。
よろしくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問