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 で透明なグラデーション効果を実装するためのサンプルコード
1. MS SQL Server 2005 --1. ログをクリアするexec('DUMP...
Alibaba ベクターアイコンライブラリにアクセスAlibaba ベクターアイコンライブラリ好き...
編集者:この記事では、インタラクティブデザインがブランドコミュニケーションチェーン全体で果たすべき役...
広告を閉じるまでのカウントダウンを実装するために JavaScript を使用するまだフロントエンド...
初期のコンピューターのほとんどは ASCII 文字しか使用できませんでしたが、その後、主要な西洋のア...
この記事では、WeChatアプレットで写真を撮ったり、アルバムから写真を選択したりするための具体的な...
この記事では、具体的な例を使用して、CentOS 7 から CentOS 8 にアップグレードする方...
1. CSSを通す必要がある背景CSS におけるメディアクエリの用途は、デバイスサイズの判別、マウス...
Vueドロップダウンリストの2つの実装最初の方法はv-forを使用する <el-select ...
1. ソフトウェアのダウンロードMySQL のダウンロードとインストール:公式サイトのダウンロード...
find コマンドは主にディレクトリやファイルを検索するために使用され、一致のために複数のパラメータ...
1. inodeの紹介inode を理解するには、まずファイル ストレージから始める必要があります。...
<br />前のチュートリアル:Webデザインチュートリアル(2):模倣と盗作について。...
1. catalina.bat は UTF-8 に設定する必要があります。UTF-8 に設定しないと...
この例で使用されているMySQLのバージョンはmysql-8.0.15-winx64です。 1. z...