Stripe Checkout をローカルの Vue で動作確認する

Stripe Checkout のホワイトリストドメインリストに localhost は使えない。

Stripe Checkout を動作させるには

• https
• ドメインに localhost は使えない

hosts を書き換える

127.0.0.1 hoge.com

Vue.js のホスト名チェックを切る

devServer: {
    disableHostCheck: true
}

https で webpack dev server を起動する

$ yarn dev --https

動作確認

https://hoge.com:8080 にアクセスする。
ローカル環境から Stripe Checkout 使えた。