美文网首页
Vue-element-admin 对接后端数据 django

Vue-element-admin 对接后端数据 django

作者: Christoles | 来源:发表于2021-08-04 14:54 被阅读0次

前端: 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

相关文章

网友评论

      本文标题:Vue-element-admin 对接后端数据 django

      本文链接:https://www.haomeiwen.com/subject/oxhrnqtx.html