[Python知识库]梅克尔工作室django第四次培训（鸿蒙app发送网络请求，Django后端接受请求与显示数据内容）

1.前端实现?

修改Config.json配置：

目录

1.前端实现?

2.后端实现

3.前后端交互

Js有关代码：

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

html代码

<div class="container">
    <div class="title">
        <text class="txt">Welcome</text>
    </div>
    <div class="login">
        <button class="btn" onclick="onClick">请求响应</button>
    </div>
    <div class="back">
        <text>{{winfo}}</text>
    </div>
</div>

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）后端同样会获取到前端发送来的数据