1. はじめに最近、手書き入力メソッドの作業中にクロスドメインの問題が発生しました。QQ入力メソッドのインターフェースを使用しましたが、プロキシでは効果が得られませんでした。ここではjsonpを使用して実装しました。 jsonp の原理については、Baidu で自分で検索できます。ここでは 2. インストールvue-jsonp をインストール -S または 糸を追加するvue-jsonp 3. 使用mian.js リファレンス // メイン.js 'vue' から Vue をインポートします 'vue-jsonp' から { VueJsonp } をインポートします Vue.use(VueJsonp) // $jsonp は vue プロトタイプにマウントされ、vm.$jsonp() で直接使用できます。
4. vueファイルの使用this.$jsonp('/some-jsonp-url', { myCustomUrlParam: 'とても素敵' }).then(res => { // 返されたコールバック関数が直接呼び出されるため、ここのコードは実行されません}) 返される関数の名前が callbackFun であると仮定すると、callbackFun 関数をウィンドウ オブジェクトにバインドする必要があります。 マウント() { // callbackFun メソッドをウィンドウオブジェクトにバインドします。window['callbackFun'] = (data) => { cosole.log('定義されたコールバック関数') } // callbackFun.ajax_callback() が返されると仮定します ウィンドウ['callbackFun'] = { ajax_callback: 関数 (res) { cosole.log('定義されたコールバック関数') } } }
vue での jsonp の使い方に関するこの記事はこれで終わりです。vue での jsonp の使い方についてさらに詳しく知りたい方は、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: ウェブページをデザインするには?ウェブページを作成するには?
>>: CSS で透明なグラデーション効果を実装するためのサンプルコード
序文Docker イメージは Dockerfile といくつかの必要な依存関係で構成され、Docke...
目次1. Dockerをインストールする2. コードを書く3. Dockerfileを書く4. 画像...
インターネット上には Linux サーバーを監視するためのツール、コンポーネント、プログラムが多数あ...
ミニプログラムはユーザーの個人情報を収集してアップロードしましたが、拒否されました。こんにちは、ミニ...
目次前面に書かれた要件分析 v1アイデア1: インターセプションメソッドを使用して入力ボックスの入力...
目次複数の変数を同時に宣言する場合は、1 行に短縮できます。分割代入は複数の変数に同時に値を割り当て...
FFMPEG 3.4.1 バージョンパラメータの詳細使用方法: ffmpeg [オプション] [[入...
Vmvare が仮想マシンのディスク サイズを設定した後、ディスク領域が不足していることがわかりまし...
#1. ダウンロード # #2. ローカルに解凍し、必要な構成のmy*.iniを変更します。 #3....
通常のプロジェクト開発中に、MySQL バージョンが 5.6 から 5.7 にアップグレードされた場...
今日、イメージを起動した後、HTTP リクエスト経由でアクセスできないという小さな問題が発生しました...
目次CentOS 8にDockerをインストールする1. yumを更新する2. containerd...
<em></em> などのフレーズ要素を使用すると、意図した視覚スタイルを維...
<br />情報の重複、情報過多、情報強迫、パーソナライズされたカスタマイズ、検索エンジ...
CentOS 8 が利用可能になりました! CentOS 8 と RedHat Enterprise...