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

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

大体步骤:

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

2. 定义接口和 数据源。

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

    第一步:安装依赖
        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.

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

2.

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

3.

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

开始使用:

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

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

相关文章:

  • 2021-11-07
  • 2021-06-23
  • 2022-12-23
  • 2021-07-22
  • 2021-06-14
  • 2021-05-21
  • 2021-05-28
  • 2021-07-29
猜你喜欢
  • 2022-01-08
  • 2021-11-08
  • 2021-05-11
  • 2022-12-23
  • 2021-06-20
  • 2021-12-31
  • 2022-12-23
相关资源
相似解决方案