添加axios

craco.config.js

@@ -4,6 +4,17 @@ const path = require('path');
 const resolve = dir => path.resolve(__dirname,dir);
 const CracoLessPlugin = require('craco-less');
 module.exports = {
+    /*devServer:{
+        port: 8080,
+        proxy: {
+            '/api': {
+                target: 'http://192.168.2.232:8871/',
+                changeOrigin: true,
+                secure: false,
+                xfwd: false,
+            }
+        }
+    },*/
     webpack:{
         alias:{
             '@':resolve('src'),
@@ -14,6 +25,7 @@ module.exports = {
             '@store':resolve('src/store'),
             '@actions':resolve('src/actions'),
             '@reducers':resolve('src/reducers'),
+            '@api':resolve('src/api'),
         }
     },
     plugins: [
@@ -32,12 +44,12 @@ module.exports = {
                             '@warning-color': '#faad14', // 警告色
                             '@error-color': '#f5222d', // 错误色
                             '@font-size-base': '14px', // 主字号
-                            '@heading-color': '#1690FF', // 标题色
+                            '@heading-color': '#333', // 标题色
                             '@text-color': '#333', // 主文本色
                             '@text-color-secondary': '#666', // 次文本色
-                            '@disabled-color': 'rgba(0, 0, 0, 0.25)', // 失效色
+                            '@disabled-color': '#999', // 失效色
                             '@border-radius-base': '2px', // 组件/浮层圆角
-                            '@border-color-base': '#d9d9d9', // 边框色
+                            '@border-color-base': '#D8D8D8', // 边框色
                             '@box-shadow-base':'0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 9px 28px 8px rgba(0, 0, 0, 0.05)',
                         },
                         javascriptEnabled: true,

package-lock.json

@@ -2999,6 +2999,14 @@
       "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.3.2.tgz",
       "integrity": "sha512-5LMaDRWm8ZFPAEdzTYmgjjEdj1YnQcpfrVajO/sn/LhbpGp0Y0H64c2hLZI1gRMxfA+w1S71Uc/nHaOXgcCvGg=="
     },
+    "axios": {
+      "version": "0.21.1",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.1.tgz",
+      "integrity": "sha512-dKQiRHxGD9PPRIUNIWvZhPTPpl1rf/OxTYKsqKUDjBwYylTvV7SjSHJb9ratfyzM6wCdLCOYLzs73qpg5c4iGA==",
+      "requires": {
+        "follow-redirects": "^1.10.0"
+      }
+    },
     "axobject-query": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz",

package.json

@@ -9,6 +9,7 @@
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
     "antd": "^4.16.10",
+    "axios": "^0.21.1",
     "craco-less": "^1.18.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

src/api/index.js

@@ -0,0 +1,24 @@
+import api from './request';
+const axios=require('axios');
+axios.defaults.baseURL = 'http://192.168.2.232:8871';
+const post=(url,data)=>{
+    return axios({
+        method:'post',
+        url:url,
+        data
+    });
+};
+
+const get=(url,data)=>{
+    return axios({
+        method:'get',
+        url:url,
+        data
+    });
+};
+const obj = {
+    post,
+    get,
+    api,
+};
+export default obj;

src/api/request.js

@@ -0,0 +1,4 @@
+const request = {
+    getHospitalListInfo:'/security-center/hospitalManage/getHospitalListInfo',
+};
+export default request;

src/components/OrgManager/index.js

@@ -1,10 +1,21 @@
+import {useEffect} from 'react';
 import { useDispatch,useSelector } from 'react-redux'
 import { Table, Badge, Menu, Dropdown, Space, Form, Input, Button, Row, Col, Select } from 'antd';
 import { DownOutlined } from '@ant-design/icons';
 import './index.less';
+import apiObj from '@api/index';
 
+const {post,api} = apiObj;
 const { Option } = Select;
 function OrgManager(){
+    useEffect(() => {
+        getTableData();
+    });
+    function getTableData(){
+        post(api.getHospitalListInfo).then((res)=>{
+            console.log(res)
+        })
+    }
     const menu = (
         <Menu>
             <Menu.Item>Action 1</Menu.Item>