错误截图:
在这里插入图片描述

解决方法:因为在main.js文件中设置了axios的baseURL,只需要在mock暴露的接口中加上axios配置的baseURL即可正常请求
在这里插入图片描述
在这里插入图片描述

拓展:moke获取数据配置

1.安装mock.js和axios

npm install mockjs --save
npm install axios --save

2.在main.js中配置axios

import axios from 'axios'
Vue.prototype.axios= $http

3.创建mock目录,在mock目录中创建index.js,配置mock

import Mock from 'mockjs'

//注意:如果配置了axios的baseURL,在暴露mock的接口时需要加上配置的axios的baseURL
Mock.mock('http://localhost:8080/test', {
  code: 0,
  msg: 'mock测试'
})

4.在main.js中引用mock.js

import './mock/index.js'

5.使用axios请求mock

async mounted() {
    const res = await this.$http.get('/test')
    console.log(res)
  }

6.请求成功
在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐