Vue.jsのセレクトタグの選択肢をajaxで取得した配列の中身で表示したいです。

Vue.jsで動的なセレクトボックスを作成しております。
選択肢の中身をFlaskで作成したAPIの結果（配列）を選択肢（optionタグ）として表示させたいです。
vue.jsとajaxに関して経験がなく、どうしてもうまくいきません。
アドバイス頂ければ幸いです。よろしくお願いします。
参照サイト

HTML

<div id="app2">
      <select v-model="table_list_selected">
        <option v-for="item in table_list">{{ item }}</option>
      </select>
</div>

main.js

new Vue({
  el: '#app2',
  data: () => ({
    table_list: '',
    table_list_selected: ''
  }),
  created: function () {
    axios.get('API').then(response => {
      this.table_list = response.data
    }).catch(function (error) {
      console.log(error)
    })
  }
})

APIの返り値

["test","test1","test2","test3"]

plasticgrammer

2021/01/09 23:57

うまくいかないとのことですが、Javascriptエラーは発生していますか？

amaturePy

2021/01/10 08:57 編集

はい！すみません。最初の投稿からコードを大幅に変更しており、上の質問文で更新させて頂きました！依然としてAPIからのデータにアクセスできてないようです。 VScode上のdebug機能上のエラーはネットワークエラーのような物が出ています。

amaturePy

2021/01/10 08:53

node_modules/vue/dist/node_modules/vue/dist/vue.esm.js:9077 failure Error: Network Error at createError (webpack-internal:///../node_modules/axios/lib/core/createError.js:16:15) at XMLHttpRequest.handleError (webpack-internal:///../node_modules/axios/lib/adapters/xhr.js:84:14) {config: {…}, request: XMLHttpRequest, response: undefined, isAxiosError: true, toJSON: ƒ, …}

plasticgrammer

2021/01/10 11:43

axiosでのデータ取得がうまくいっていないのでは？ APIの返り値として書いてあるのは、ブラウザの開発者ツールで確認できている内容でしょうか？

amaturePy

2021/01/10 11:46 編集

いえ、こちらpostmanからAPIのURLを叩いた結果になります。なので、こちらのデータ型が問題かもしれません。ただの配列になっているのでキー：値のJson形式にしてあげないといけないのかと調べております。

amaturePy

2021/01/10 13:09

ブラウザ上で見るとAccess to has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resourceとエラーが出てました。 Jsを扱う際は自分でカスタムしたエディターではなくブラウザのデバックツールを使うようにします！こちらのヒントを参考に試してみます！ベストアンサーをお渡ししたいのですが、上の文章を解答として載せて頂くことは可能でしょうか？？

plasticgrammer

2021/01/10 13:20

ヘッダに Content-Type: application/json" を設定して返してますか？

amaturePy

2021/01/10 13:47 編集

いえ、入れておりません。今いれる方法をググりながら以下のように試している所です。 data: () => ({ table_list: '', table_list_selected: '', headers: { 'Content-Type': 'application/json' } }),

plasticgrammer

2021/01/10 23:42

説明不足ですみません。Content-Typeの件はAPIのレスポンスの話です。

amaturePy

2021/01/11 05:10

今API側に追加してajaxで取得確認できました。初めてajaxを触って見たのですが、いろいろ勉強になりました！今後も精進します！ベストアンサーを押させて頂きたいので、解答欄に頂戴できますでしょうか？