--------------------------------- 前后端联调记录 ---------------------------------
一: 登录/获取用户信息/退出
参考: 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]: ''
}
}
}
-
修改配置文件 env.development
VUE_APP_BASE_API = 'http://172.0.0.1:8090' VUE_CLI_BABEL_TRANSPILE_MODULES = true
-
调整调用API传入token方式与返回接口code /src/utils/request.js
config.headers['Authorization'] = getToken()
-
设置后端相关API /src/api/user.js
-
登录联调.
vue-admin-template 模板添加 tagsview
https://www.cnblogs.com/flypig666/p/11854538.html
--------------------------------- 前后端联调记录 ---------------------------------