Antd-pro部署计划
在react框架中,集成化的脚手架最方便的当然是Antd-pro了,在框架中和后台数据交互时,我们可以使用axios、jquery(不推荐)、使用框架自带的proxy(代理),本篇博客中主要讲述了关于如何在antd-pro中使用proxy和框架自带的request和后台交互,以及如何部署到apache2服务器中。
数据交互
1.proxy的配置,首先在项目的目录下有config文件夹,打开config下的config.js文件,在最底部进行配置
proxy: {
'/api/': {
//api相当于接口地址的别名
target: 'http://接口的IP地址/ ',
changeOrigin: false,
pathRewrite: {
'^/api': '' },
},
},
2.在项目根目录中的src下的services中新建一个xx.js文件,这个文件主要包括:
import request from '@/utils/request';
var baseURL='http://接口地址'
//部署时的写法
export async function findAllCata()