技術標籤：學習VUE生涯

--------------------------------- 前後端聯調記錄 ---------------------------------

一: 登入/獲取使用者資訊/退出
參考： https://blog.csdn.net/qq_42977003/article/details/106042557

1.配置跨域

vue-config.js 配置 proxy 代理

// before: require('./mock/mock-server.js')  //1.登出mock假資料 2.配置proxy代理解決跨域問題
proxy: {
    '/bootApi': {
    target: process.env.VUE_APP_BASE_API, // 你請求的第三方介面
    changeOrigin: true, // 在本地會建立一個虛擬服務端，然後傳送請求的資料，並同時接收請求的資料，這樣服務端和服務端進行資料的互動就不會有跨域問題
    pathRewrite: {
        // 路徑重寫，
        // '^/api': '' // 替換target中的請求地址
        ['^' + process.env.VUE_APP_BASE_API]: ''
    }
    }
} 
 

2. 修改配置檔案 env.development

    VUE_APP_BASE_API = 'http://172.0.0.1:8090'
    VUE_CLI_BABEL_TRANSPILE_MODULES = true
   

3. 調整呼叫API傳入token方式與返回介面code /src/utils/request.js

    config.headers['Authorization'] = getToken()
   

4. 設定後端相關API /src/api/user.js

5. 登入聯調.

vue-admin-template 模板新增 tagsview
https://www.cnblogs.com/flypig666/p/11854538.html

--------------------------------- 前後端聯調記錄 ---------------------------------