お疲れ様です。
自力で解決できそうにないため、
みなさまのお力をお借りしたく思います。
前提・実現したいこと
〇前提
laravel + vueでspaを作成しました。
テスト環境にデプロイ済みです。
PC用ブラウザでは問題なく、動作するのですが、
iphone用ブラウザでは上手く動作しません。
※iphone以外のmobileの動作は未検証です。
〇希望
axios.get
でデータを取得したいのですが、動作しません。
発生している問題・エラーメッセージ
以下、エラーメッセージです。
〇エラーメッセージ
SyntaxError (DOM Exception 12): The string did not match the expected pattern.
該当のソースコード
以下、問題の発生箇所です。自分で実装したものではありません。
axiosのカスタムヘッダーの設定をしているようです。
※axiosのネイティブコードです。
// Add headers to the request if ('setRequestHeader' in request) { utils.forEach(requestHeaders, function setRequestHeader(val, key) { if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') { // Remove Content-Type if data is undefined delete requestHeaders[key]; } else { // Otherwise add header to the request request.setRequestHeader(key, val); } }); }
念のため、axiosのヘッダー設定ソースを
window.axios.defaults.headers.common = { 'X-CSRF-TOKEN': window.Laravel.csrfToken, 'X-Requested-With': XMLHttpRequest }
試したこと
Safariではes6対応していないとのことなとで、poryfillの参照を追加しました。
PC版のSafariでは動作するようになったものの、iPhone用Safariでは動作しません...
補足情報(FW/ツールのバージョンなど)
以下、各バージョンです。
php 7.2.0
laravel 5.5.0
vue.js 2.5.7
vue-router 2.8.1
あなたの回答
tips
プレビュー