react前后端对接

全局配置

1 安装axios包 yarn add axios
2 src文件目录下新建文件夹api
3 api 下新建statecode.js
export default  {
    "-1": "系统繁忙",
    "0": "请求成功",
    "1001": "超级管理员只能有一个",
    "1002": "用户已存在",
    "1003": "两次密码不一致",
    "1004": "手机号错误",
    "1005": "邮箱格式错误",
}
3 api下新建config.js 
module.exports = {
    base: "https://demo.port.net:8000"
};
4 api下新建index.js 
import codes from './statecode.js';
import login from './login.js';
import list from './list.js';

export default {
    stateCode: codes,
    ...login,
    ...list,
}
5 api下新建login.js,list.js等每个页面的接口文件
import axios from 'axios';
import { base } from "./config.js";
import cookie from 'react-cookies'

export default {
    //创建密码
    async codeCreate(params) {
        return axios.post(`${base}/api/wechat/code/${localStorage.getItem('listid')}`, params, {
        headers: {
            "token": cookie.load('usertoken')
        }
        }).then((res) => {
            return res.data;
        }).catch((error)=>{
            message.error('服务器出错')
        });
    },
}

6 在相关页面对接口
1 安装axios包 yarn add axios
2 src文件目录下新建文件