3.4フロントエンド
3.4.1は、ニーズ分析
、ユーザーのフロントエンド・エンジニアリング・センター（XC-UI-PC-学習中 ） の出口ページを開発します。3.4.2 APIメソッド
中心APIエンジニアリング方法でユーザー出口増加
ベースモジュールlogin.jsを増加させる方法には、以下：
[mw_shl_code =アップルスクリプト、真の] / 終了 /エクスポート= CONSTジンバブエログアウトのparams => {
/」（http.requestPostを返しますOpenAPIの/ AUTH / userLogout「）;}
[/ mw_shl_code]
3.4.3出口ページ
1は、ユーザがエンジニアリングの中心に作成されたページ終了
参照。
2、ルーティング構成
'@ /モジュール/ホーム/ページ/ logout.vue'から[mw_shl_code = AppleScriptを、真]輸入ログアウト。
'@ /モジュール/オーダー/ページ/ order_pay.vue'からインポートorder_pay。
'@ /モジュール/ホーム/ページ/ login_mini.vue'から//インポートLoginMini。
輸出デフォルトの[{
パス： '/'、
コンポーネント：ホーム、
名前： '个人中心'、
隠された：真
}、
{
パス： '/ログイン'、
コンポーネント：ログイン、
名前： 'ログイン'、
隠された：真
}、
{
パス： '/ログアウト'、[/ mw_shl_code]
[mw_shl_code =アップルスクリプト、真]成分：ログアウト、
名称： 'ログアウト'、
隠された：真
}、
... [/ mw_shl_code]
3、退出方法退出成功清除页面的sessionStorage参考ログアウト。
【mw_shl_code =アップルスクリプト、真】作成（）{loginApi.logout（{}）を（（RES）=> {
IF（res.success）{sessionStorage.removeItem（ 'activeUser'）;
この$メッセージ（ '退出成功'）;
this.logoutsuccess = TRUE
}他{
this.logoutsuccess =偽
}
}、
（RES）=> {
this.logoutsuccess =偽
）}。}、
[/ mw_shl_code】
3.4.4到退出页面连接
修改含む/ header.html
【mw_shl_code =アップルスクリプト、真<HREF = "javascriptの:;" = "==真logined" V-場合@クリック= "ログアウト">退出する</a>
[/ mw_shl_code]
在添加中の要素-UI库を/ header.htmlが含まれています。
【mw_shl_code =アップルスクリプト、真<スクリプトSRC = "/ CSS / EL / index.js"> </ SCRIPT>は、 最下位の[/ mw_shl_code】この先頭に付加JS
ジンバブエログアウトは、以下：
【mw_shl_code =アップルスクリプト、真へ]ジンバブエログアウト：関数（）{
。この$確認（ '？確認が終了する'、 'ヒント'、{
。}）を（（）=> {
//ジャンプが統一するランディング
window.locationの= " http://ucenter.xuecheng.com/#/logout "
}）キャッチ（（）=> {。
}）;
}
[/ mw_shl_code】
3.4.5試験
1は、ユーザがログインしている
出口をクリックして、2