Webpak 配置虚拟数据mock

Question

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

Answer 1

mid_one 2018-09-12 10:01:02

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: '本地请求接口地址'

       ...

   })

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

• Rosen #1

  我还是比较习惯用 charles 的 map local，mock 地址、测试地址线上地址随意切换

• 提问者 qq_橙_子_0 #2

  谢谢！我去试一下