关于vue使用Chrome浏览器中，发现传输过程中network中没有值

Question

我用axios和mock进行数据传输，但在谷歌的浏览器中看不到传递的值，如图，将文件导入浏览器的页面中有图片的值，但用axios和mock，页面有效果，但在network中找不到值

Answer 1

axios的本质是封装了ajax，而mock会进行拦截ajax的请求，它监听会原生 XHR 对象的事件，然后查找你的mock模板中是否有相对应的url和请求方式（post，get这些），当你请求的url、请求方式和模板中的url、请求方式完全一致时会拦截ajax请求然后呈现本地的mock数据，不完全一致时才去请求真实的url。
具体可以参考mockjs源码中的xhr.js部分。