1.前端实现 

修改Config.json配置：

目录

1.前端实现 

2.后端实现

3.前后端交互

---

Js有关代码：

需要在终端里导入npm install qs 和 npm install querystring 

html代码

    
        Welcome
    
    
        请求响应
    
    
        {{winfo}}
    

js代码

import fetch from '@system.fetch';
import router from '@system.router';
import qs from 'querystring';
export default{
    data:{
        winfo:"",
    },
    onClick(){
        fetch.fetch({
            url:`http://127.0.0.1:8005/Train/AppReq1/` ,
            data:qs.stringify({'id':'1'}),
            responseType:"json",
            method:"POST",
            success:(resp)=>{
                this.winfo = resp.data;
                console.log("返回数据："+this.winfo)
            },
            fail:(resp)=>{
                this.winfo = resp.data;
                console.log("获取数据失败："+this.winfo)
            }
        });
    }
}

2.后端实现

Setting.py文件：将 ALLOWED_HOSTS =[‘*’]，可以使所有的网址都能访问Django项目了（项目测试的时候，可以这么做，但是这样就失去了保护）

 启动项目

python manage.py runserver 0.0.0.0:8000  #也可以换成其他的端口

可能会出现的端口号被占用的问题

解决办法：

打开cmd,输入下面这条dos命令
netstat -aon|findstr "端口号"

查看哪些端口号被占用，打开任务管理器,找到详细信息, 用PID排序找到这个进程。

后端运行成功后再去运行前端

3.前后端交互

（1）点击按钮，从后端获取数据

（2）前端向后端发送数据 

 （3）后端同样会获取到前端发送来的数据