ant-design基于Mock访问本地服务器的资源

前些时间项目开发中，遇到需要访问服务器上的静态资源，无论怎样配置，一直报跨域，405。

那就搭建localhost服务器访问本地----- 模拟和服务器一样的环境。

大体步骤：

1. 在项目中搭建好本地服务器。

2. 定义接口和 数据源。

3. 调用接口。（方式一: 在组件中调用接口；方式二: 在models中调用方法(调用接口)，数据传给payload传给组件。  ）

如何使用mockjs。转载:https://blog.youkuaiyun.com/u013592575/article/details/79211997

    第一步：安装依赖

        npm install mockjs --save-dev 

        或者

        <script> 标签引入

    第二步：建一个mock文件，里面建一个 mock.js 文件

    第三步：配置文件 

                import Mock from 'mockjs';

                // 配置拦截 ajax 的请求时的行为，支持的配置项目有 timeout。

                Mock.setup({

                    timeout: '200 - 400'

                })

                // Mock响应模板

                Mock.mock('/data',{

                        'list|1-10':[{

                                    'id|+1':1,// 序号 属性值自动加 1，初始值为 1

                                    'businesscode':/\d{1,10}/,// 商户ID

                                    'proversion|1':['标准版','企业版','试用版'],// 产品版本 随机选取 1 个元素

                                    'storecode':/\d{1,10}/,// 门店编码

                                    'storename':'@cname',// 门店名称

                                    'status|1':['试用','使用','续用'],//状态 随机选取 1 个元素

                                    'effectdate':'@date("yyyy-MM-dd")',// 有效日期

                        }]

                })

      

图解说明：

1.

2.

3.

开始使用：

ok, 这样就顺利访问到静态资源了。