ちゃんるいすのブログ

オタクエンジニアの雑記

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


f:id:rarirureluis:20200310020008p:plain
Stripe Checkout のホワイトリストドメインリストに localhost は使えない。

Stripe Checkout を動作させるには

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 使えた。

f:id:rarirureluis:20200310020349p:plain