VUE-要素管理者のログインプロセス

フロントエンドアーキテクトギャングQQグループ:634 196 762

1.最新のVUE-要素管理者をインストールします。ここに画像を挿入説明

2.必要に応じて、eslintを削除し、グローバル検索、次の文書に

ここに画像を挿入説明

すべてのファイルが削除eslint 3

ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明

4.スタートインストールの依存関係、NPMインストール

5.サービスの開始:NPM実行DEVが、二つのウィンドウが開いている、我々はfalseに設定されているオープンする必要があります。

ここに画像を挿入説明

ログインページに移動します6.:

ここに画像を挿入説明

(ここではJavaの列を持つ)、ライトバックエンドインターフェースへ7.ログイン:

ここに画像を挿入説明

コードは、に応じて設定されます。

認証コード8.は、ログインページを変換するには:

ここに画像を挿入説明

ここに画像を挿入説明

リクエストをログに記録する9(フォーカス):

物事にディレクトリを見つけるために、この事の行く店を見て、この。$ストア登場
ここに画像を挿入説明
見つけるために、前の期間、ユーザー、ユーザーへのアドレスを見つけるために、
ここに画像を挿入説明
対応する関数名の背中を見つけるために従っ
ここに画像を挿入説明

ここでは、プロジェクトの構造上、まだ考えてみれば、あなただけのプロジェクトの理解の構造が不完全であることを示すことができ、比較的明確でなければなりません。

登録要求が直ちに送信される10は、次の関数に移ります。

ここに画像を挿入説明
だから今、あなたは?から来ログイン機能を見ない
ここに画像を挿入説明
ライン上のユーザーを見つけるために、花のパンツに兄モード、ダイレクトAPIのディレクトリに従って、それはすべてのインターフェイスのAPIから見ることができ
ここに画像を挿入説明
何らそう?No.No.No ...
直接返却要求({XXXXX})、要求がそれをしているのですか?から来るの?
ここに画像を挿入説明
よるパンツは要求を見つけるために、兄モードを過ごすutilsのディレクトリに直接移動し続けて
ここに画像を挿入説明
リクエストをしているのですか?(もちろん、送信要求を除去することです)

要求は、主にネットワーク要求に対して、axiosに包装されます。

複雑な内部の良いものは、実行する方法を理解していませんか?

それは問題で、あなただけの行にデータを取得する方法を知っている必要はありません
ここに画像を挿入説明
、このセクションを参照して主にこの要求コードを

返される値の提供がコードのコードの必要がある背景である、花のパンツギャングスターは、ここ20,000指定正常であり、あなたはここでしかライン独自の定義に通常を変更する必要があり、例えば、私は(0であります実際の終了日後)
ここに画像を挿入説明
のことを言って、ここで完成となり、このプロジェクトには背景がありませんが、それはそれを行う方法、ネットワークへの要求を送信することができ、また、データを取得するには?
ここに画像を挿入説明
ここに画像を挿入説明
コードを見て、プロジェクトのアーキテクチャに基づいて行くし続けるモック場所へのエージェントの構成は、少しライン上で模擬するためにまっすぐに行ったことがわかりました。
ここに画像を挿入説明
本当にユーザーだけでなく、ログインアドレス持っモック
我々は我々自身のアドレスを交換する必要がありますので、(わずかにフォーカス)キー今、私たちは私たち自身のアドレスを使用する必要がされて、いないアナログデータを、

設定パラメータを変更し始めました。

ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明
直接アドレスエージェントにあなたの背景にアドレスは、私のバックグラウンドははcontentPathのsys sysは直接変更することができている
私は、セッションの実際の使用は、ログインするためのドメインで見つからない情報を見つけるされていない、失われることがわかったときその理由は、どのようにそれを解決するには?
ここに画像を挿入説明
これは、同じように変更してください
ここに画像を挿入説明
[OK] SYSに内部に直接

NPM実行DEV:変更された構成は、サーバーを再起動する必要があります

ここに画像を挿入説明
私はコードが出てきませんでした見ることができ、次のようにも誤りであり、これは?それを引き起こすものである
ものを何の何の定義が存在しない、私は箱から出しています場所を確認することができ
、これは私が元のAPIを使用しないで、私はあまりにも多くの問題を考えるには、直接グローバルへの要求
、今、私たちは、グローバルに登録を要求
ここに画像を挿入説明
しますが、グローバルに登録できるように、VUEインスタンスをマウントするまで要求するために、
ここに画像を挿入説明
検証コードが出てきませんでしたが、また与えられている
自身のデバッグにこの時間必要性を
ここに画像を挿入説明
割り込み私はエラーに簡単に来るどのようにこの点を見つけ、そこには間違いなくプロジェクトが同じされていない場所とのconfigureで
ここに画像を挿入説明
コードが定義されていない
と私のロジックは、私のように同じではありません、それは聞かせて
他の人のものが自分になるよう
ここに画像を挿入説明
ハハ(ダイレクトサン波、革!)
ここに画像を挿入説明
OK、アウト、バックステージパスこのコードを証明した
ここに画像を挿入説明
以上、404(カード私に1日、1人の少ない髪)、どのように行うには?

何404について考えてみて?私はインターフェイスああ見つけることができませんでした
ここに画像を挿入説明
を見て、私のログインインタフェースは、SYS /ログイン(バックエンドのインターフェイスアドレス)である
ここに画像を挿入説明
インターフェースのフロントエンドまたはユーザー/ログインのアドレス、我々は直接変更する必要があります。
ここに画像を挿入説明
今、404ではないが、それでもエラー
コンソールはまた、これを与えられていません編集者のメモ?
ここに画像を挿入説明
私が見る問題が背景です。
囲碁舞台裏と、問題が何であるかを参照してください。
ここに画像を挿入説明
メイクデバッグ正面の外観は、その引数が引き継ぐ見つかりませんでした。

今、私たちが考えることを、我々はパラメータがどのようにそれはないだろう、渡され決定しましたか?
密接に見て、これは疑問符を参照している、パラメータに体内に入れることができません

[OK]を、変更

ここに画像を挿入説明
だからすることができます直接!への
ここに画像を挿入説明
ログインの成功!

だから何のジャンプああ、編集者注、ルック無知な力を発見していないか!(一つの閾値がよくしどろもどろに行われる)、上のここに画像を挿入説明
ここに画像を挿入説明
我々はステップバックステップを押して直撃内部vuexログイン関数呼び出しの後に何が起こるかを見ますブレークポイントのデバッグが
ここに画像を挿入説明
入って来たし、フレームワークのニーズはデータを持っていることがわかった、私はそれを行う方法、すごい持っていないのですか?
内部のデータを参照して、オリジナルのフレームワークテイク場所のログインデータに行ってきました失われた
ここに画像を挿入説明
私たちがいないか、このデータのですか?
ダイレクトマニュアルに
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明
と404、および情報のインターフェースを見つけ、このインターフェイスから来ますか?
ここに画像を挿入説明
見た目に進み、ユーザー/情報であることが判明
古いルールを直接する
場所グローバル呼び出しで検索するか分からないのは、
ここに画像を挿入説明
ここ2ヶ所GETINFO機能を直接内部のこのモックは、直接無視モックパス、1つのAPI、APIを見つけましたどこグローバルコールを見つけるために
ここに画像を挿入説明
店で、または参照されるユーザディレクトリにある
ここに画像を挿入説明
、私はどのようにこのインタフェースを行うにはしていない来てほしい突然?これは、私のためのビジネスである一見ノー卵と
言っているわけではない、直接killが終了していない
が、彼の呼び出しを見ては成功したもの操作の束を実行し、私は読むことができない、行うにはどのように問題を削除しましたか?
今回はそれを考える、私はまた、書き込みデータログインするには死んでいない、なぜ私に?直接死に直接書き込みデータへのインタフェースを呼び出しません
ここに画像を挿入説明

画面の呼び出し、データ書き込み死にました

ログインはあなたが行っている、成功です!

ここに画像を挿入説明

公開された155元の記事 ウォン称賛57 ビュー60000 +

おすすめ

転載: blog.csdn.net/weixin_43764814/article/details/101315585