Antd-pro的交互和部署

本文介绍了在Antd-pro中如何使用proxy和内置request与后台交互,以及详细步骤部署到Apache2服务器。内容包括配置proxy,创建services文件,模块文件,redux集成,以及项目打包和使用FileZilla上传至服务器。
摘要由CSDN通过智能技术生成

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() 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值