webpack线上线下配置

Question

我希望线下的时候可以使用mock的数据，线上的时候使用真正的数据，请问webpack和vue框架要怎么写？有简单的demo可以看吗？

Answer 1

看你 mock 的数据提供方式

如果是类似于 json-server 这样的，设置代理即可
如果是使用 mock.js 提供，好像会针对 XHR 自动拦截

还可以通过设置 process.env 检查是开发还是生产环境并分别处理 ajax 请求即可

Answer 2

参见：
http://www.cnblogs.com/cench/...
https://github.com/chimurai/h...

通过配置proxyTable可以进行API转发。

至于mock的数据，方法比较多，可以另外本地弄一个虚拟主机里面放上json格式，无扩展名的文件。
也可以用模拟API的服务器，去搭建一个虚拟API服务。