【Ant Design Pro】前端与后端接口连接

itxck 2024-09-30 13:03:01 阅读 50

文章目录

一、Ant Design Pro 设置1.修改端口2.去除url

二、python后端设置1.创建config配置文件2.写接口

三、接口连接1.前端2.后端

四、接口导入与使用

一、Ant Design Pro 设置

1.修改端口

进入config -> proxy的文件

在这里插入图片描述

解开注释后

在 <code>target 写入自己的后端端口: ‘http://127.0.0.1:8989’

2.去除url

进入src -> requestErrorConfig 文件

在这里插入图片描述

二、python后端设置

1.创建config配置文件

在这里插入图片描述

在这里插入图片描述

2.写接口

在这里插入图片描述

具体接口看:flask库

三、接口连接

1.前端

创建services文件 > list.ts导入<code>import { request } from "umi";get/post接口代码如下:

在这里插入图片描述

2.后端

将<code>/api/titles写入到前端 list GET/POST接口即可连接

在这里插入图片描述

四、接口导入与使用

导入:<code>import {get_title} from "@/services/list";

在这里插入图片描述



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。