Vue.js-シェア-ツイート-ブックマーク-Feedly-LINE-Pocket表題の件を実装することになったのですが、途中クロスオリジン関係で嵌まったのでメモしておきます。今回の前提としては下記のような状態です。serveの開発環境なのでhttp://localhost:8080ここでポート番号が異なるのでクロスオリジンに引っかかる最初のコード最初はaxiosのドキュメントにあるサンプルのやり方で試してみました。$jsonString);exit();こんな感じ(dietcakeなのでcontrollerとかも記述していますが、ここでは関係ないので省いています)でpost。response.と怒られました。修正コード(途中)色々試行錯誤した結果、以下のように修正。application/jsonを指定jsonデータをJSON.stringfyで文字列化PHP側Access-Control-Allow-Originをワイルドカードではなくキチンと指定Access-Control-Allow-Headers指定を追加これで送信できるようになり、中身にデータが入ったjsonファイルが生成されることを確認しました。application/jsonaxiosのサンプルコードではjsonをそのままpostに含んでいたので、「実はJS側の修正はいらなかったのではないか?」という疑問が。そこでJSだけを元に戻してみます。$jsonString);exit();これでも成功しました......。いうことで、結果的にはPHP側の修正だけで良かった、ということになりました。余談PHPでjsonを受け取る際はfile_get_contents('php://input');が一番楽そうだと感じました。al-Haulaxiosjsonこの記事を書いた人アルム=バンドフルスタックエンジニアっぽい何か。LAMPやNodeからWP、gulpを使ってejs,Scss,JSのコーディングまで一通り。RasPiで遊んだり、趣味で開発したり。それはさておき、構想から一ヶ月超。[...]アルム=バンド2019年2月4日Vue.jsVue.jsを使用したフォームで、フラグによってrequired属性の出力を振り...表現が難しいですが、HTMLのinput要素があったとします。