Vue-element-admin 对接后端数据 django 跨域不同主机访问

前端： VUE 语法：js
后端： django 语法：python

注意！！！注意！！！注意！！！注意！！！注意！！！注意！！！

Vue-element-admin 封装好的 request.js 用的是 axios 请求数据
关键在于：django 只接受 前端发送过来的 字符串，否则后端是获取不到的！！！！
要求：

  1. 后端开放全部权限
  2. 前端代理
注意！！！注意！！！注意！！！注意！！！注意！！！注意！！！

以下是前端对接所有后端共同要做的

一、main.js文件下隐藏Mock代码：（<-- 这个也可以不隐藏，怕报错）


image.png

二、vue.config.js 注释掉 mock数据（<-- 这个也可以不隐藏，怕报错），然后 devServer 增加 proxy


image.png

或者
image.png

三、.env.development 设置成后端的接口


image.png

四、如果后端是用python django框架做的还需要在utils/request.js增加transformRequest转换成字符串，其他后端不需要！


image.png

如果是修改传入的数组格式则需要增加这个：


image.png

另外后端一定要把权限全部打开 设置成 * 星号

参考文档：https://blog.csdn.net/weixin_39929793/article/details/110245388

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容