初次使用vue-admin-template前后端联调成功

--------------------------------- 前后端联调记录 ---------------------------------

一: 登录/获取用户信息/退出
参考： 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

--------------------------------- 前后端联调记录 ---------------------------------