モード要求データVUE

、VUE-リソース要求データ

はじめに:VUE-リソース要求データは、プラグインの公式の方法です。

ステップ:

1、NPMインストール

 

 

 

NPM VUE-リソースをインストール--save

またはcnpm淘宝網ミラーのインストールを使用し、それははるかに速くなります。cnpm VUE-リソースをインストール--save

--saveを追加するには、実稼働環境で使用すること、でpackage.jsonで参照されます。私たちの日常の開発そのため、我々は他の人にコードを詰めるか、githubのにアップロードするか、コードを公開したい場合は、package.jsonが必要なパッケージをインストールする場合。開発環境でのみ、あなただけの唯一の開発環境でのいくつかと、--save-devのが必要な場合は、本番環境で使用するいくつかがあります。

2は、ファイルエントリmain.jsにVUEリソースを導入し、

 

 

 

これを使用するプラグインの導入後

 

 

 

あなたは、このプラグインを使用しない場合は、次のエラーが報告されます。

 

 

 

3、この。$ Http.get()などは、詳細をプロジェクトで使用される参照 VUE-リソースgithubのを

例:

 

 

:.(注)この$ http.get()など、様々なhttp要求に約束を継承しています。約束の要求は非同期であり、第二に、矢印で.then機能は、このコンテキストを表します。矢印の関数のこの定義によれば、関数定義が割り当てられた場合にのみ、これは、オブジェクト定義関数を参照して、見て、および方法は、オブジェクトVUEで現在のページです。そのため、このガイドでは、データ内のデータです。あなたは、機能パッケージ外のデータの関数、クロージャのすなわち概念を取得したい場合。この方法は、外側の機能に加え、これを= VARに実装され、これは第1のリザーバ内と外側の層となります。解決するには、以下の例が、また、クロスドメインの問題を:

 

 

 
 

二、axios要求データ

説明:これは、サードパーティ製のプラグインのgithubの住所である:https://github.com/axios/axios

第一步:npm安装  npm install axios  -save

 
 

 

第二步:直接调用。和vue-resource的区别是:aixos是每在一个页面用一次就要在该页面调用一次。vue-resource是绑定了全局的了。具体使用方法可以看github:

 

 

 

第三步:关于axios的跨域请求

在config->index.js->proxyTable配置如下:target填写自己想要的地址

 

 

 

如下配置,url为地址后面所带的参数,配置好后,现在npm run  dev 运行就行。

 

 

 

第四步:关于多个并发请求

 

 

 

上面这个是同一地址的跨域,如果要拿不同地址的跨域,只需要更改config->index.js->proxyTable的配置,增加地址块就行。

三,关于fetch-jsonp

github地址:https://github.com/camsong/fetch-jsonp

 

おすすめ

転載: www.cnblogs.com/jasonLiu2018/p/11069970.html