Webpak 配置虚拟数据mock

来源:6-2 首页左侧关键字导航界面开发

qq_橙_子_0

2018-09-11

如何用webpack配置mock模拟开发,自己没配置成功过

写回答

1回答

mid_one

2018-09-12

mock一般是这样:

  1. 在项目中自己新建一个api文件夹创建一个mock.js文件里面自己手写一些数据


    [

        {id: 1, data: '123'},

        {id: 2, data: '323'}

        ...

    ]

    这不会产生跨域当然就不用配置请求代理了,你只需要这样做比如在请求product/list的时候


    $.ajax('./api/mock.js', false)就可以了,

  2. 第二种就是用像淘宝RAP2这种专门用来做mock数据的工具来自动生成,这样的话你就要在本地服务器上向rap2提供的接口请求数据了,就会产生跨域,这其实跟你在本地请求线上数据一模一样你只需要在webpack里配置请求代理地址然后用ajax请求就可以获取到数据了

    webpack.config.js设置代理

       devServer: {

            proxy: {

                "/": {

                       target: '淘宝rap2生成的模拟数据地址',

                       changeOrigin: true

                }

            }

        }

    $.ajax({

        url: '本地请求接口地址'

        ...

    })

最后还是回到跨域这个问题上了.以上纯属个人愚见,敬请指正!!!

0
2
qq_橙_子_0
谢谢!我去试一下
2018-09-16
共2条回复

真实数据对接 从0开发前后端分离的企业级上线项目

【毕设项目精品】前端实战,对接真实服务端数据,开发完整项目

4262 学习 · 4113 问题

查看课程