vue3+mockjs 调取mock接口 返回的是html文档

在使用Vue 3配合Mock.js时，通常Mock.js用于在前端项目中模拟后端接口返回的数据，以方便在后端服务未完成时进行前端开发和测试。Mock.js提供了丰富的接口来模拟各种类型的数据，但是默认情况下，Mock.js模拟的是JSON数据格式。

如果你在调用Mock接口时返回的是HTML文档，那可能是因为Mock.js的配置或使用方式出现了偏差。通常情况下，Mock.js不会直接返回HTML文档，除非开发者特别配置了这样的行为。例如，可以使用Mock.js的Mock.function方法来模拟一个返回HTML内容的函数，或者配置特定的mock规则来返回HTML字符串。

下面是一个基本的例子，展示如何配置Mock.js以返回一个简单的HTML字符串：

import Mock from 'mockjs';

// 假设你想要模拟一个返回HTML的接口
Mock.mock('/some-html-url', 'get', function() {
  return Mock.mock({
    // 这里的模板可以根据需要自定义
    'html': '<h1>这是一个HTML模板</h1>'
  });
});

// 在Vue组件中，你可以使用axios等HTTP库来调用这个接口
import axios from 'axios';

axios.get('/some-html-url').then(response => {
  // 这里的response.data将是包含HTML内容的字符串
  console.log(response.data);
});

请确保你的Mock.js配置正确，且调用接口的方式没有问题。如果确实需要返回HTML文档，那么上面的配置方法可以作为一种参考。但请注意，通常情况下，前端应用应该避免直接处理HTML文档，除非这是特定功能的需求。