目錄

• 一、前端登入問題
• 二、Mock登入介面
  • 1、修改前端介面配置
  • 2、前端登入介面檔案
  • 3、後端介面檔案
  • 4、測試

一、前端登入問題

預設情況下，前端專案已經實現了登入功能，後端連線到遠端Mock平臺的模擬資料介面進行登入，而Mock平臺地址無效，導致前端的登入功能無法執行

二、Mock登入介面

我們暫時將請求切換到本地Mock資料的介面中，使系統可以進行模擬登入，以便進行後續的開發工作

1、修改前端介面配置

在 config/dev.env.js 中修改BASE_API
注意：這個檔案修改後需要重啟前端伺服器

BASE_API: '"http://127.0.0.1:8110"'

2、前端登入介面檔案

src/api/login.js，可以在這個檔案中分析後端Mock資料的介面的url地址：

• 登入：/user/login
• 登出：/user/info
• 獲取使用者資訊：/user/logout

3、後端介面檔案

暫時在service_edu微服務中建立LoginController，模擬上面三個介面

package com.atguigu.guli.service.edu.controller;
@CrossOrigin //跨域
@RestController
@RequestMapping("/user")
public class LoginController {

    /**
     * 登入
     * @return
     */
    @PostMapping("login")
    public R login() {
        return R.ok().data("token","admin");
    }

    /**
     * 獲取使用者資訊
     * @return
     */
    @GetMapping("info")
    public R info() {
        return R.ok()
            .data("roles","[admin]")
            .data("name","admin")       			.data("avatar","https://oss.aliyuncs.com/aliyun_id_photo_bucket/default_handsome.jpg");
    }

    /**
     * 退出
     * @return
     */
    @PostMapping("logout")
    public R logout(){
        return R.ok();
    }
}
 

4、測試

進行登入測試