Webpak 配置虚拟数据mock
来源:6-2 首页左侧关键字导航界面开发
qq_橙_子_0
2018-09-11
如何用webpack配置mock模拟开发,自己没配置成功过
写回答
1回答
-
mid_one
2018-09-12
mock一般是这样:
在项目中自己新建一个api文件夹创建一个mock.js文件里面自己手写一些数据
[
{id: 1, data: '123'},
{id: 2, data: '323'}
...
]
这不会产生跨域当然就不用配置请求代理了,你只需要这样做比如在请求product/list的时候
$.ajax('./api/mock.js', false)就可以了,
第二种就是用像淘宝RAP2这种专门用来做mock数据的工具来自动生成,这样的话你就要在本地服务器上向rap2提供的接口请求数据了,就会产生跨域,这其实跟你在本地请求线上数据一模一样你只需要在webpack里配置请求代理地址然后用ajax请求就可以获取到数据了
webpack.config.js设置代理
devServer: {
proxy: {
"/": {
target: '淘宝rap2生成的模拟数据地址',
changeOrigin: true
}
}
}$.ajax({
url: '本地请求接口地址'
...
})
最后还是回到跨域这个问题上了.以上纯属个人愚见,敬请指正!!!
022018-09-16
相似问题