easy-mock请求发不成功，请求地址依然为localhost:8080/user/login而不是easy-mock上的baseURL

Question

问题：控制台报错
GET http://localhost:8080/user/login 404 (Not Found) 地址为什么不是easy-mock的地址？easy-mock上接口是通的。
然后把老师的代码download下来，cnpm install之后，改axios.default.baseURL = “https://www.easy-mock.com/mock/5e81e7c0af7a735d802f7ebd/api”；然后运行“npm run serve”报如截图所示错误，也是请求发送不成功。辛苦老师看一下，谢谢老师❤

【main.js】
import Vue from 'vue’
import router from './router’
import axios from 'axios’
import VueAxios from 'vue-axios’
import App from ‘./App.vue’

//以下为easy-mock的baseURL地址。
axios.default.baseURL = “https://www.easy-mock.com/mock/5e81e7c0af7a735d802f7ebd/api”;
axios.defaults.timeout = 8000;

axios.interceptors.response.use(function(response){
let res = response.data;
if (res.status == 0) {
return res.data;
} else if (res.status == 10) {
window.location.href = “/#/login”;
} else {
alert(res.msg)
}
});

Vue.use(VueAxios, axios)

Vue.config.productionTip = false

new Vue({
router,
render: h => h(App),
}).$mount(’#app’)

【app.vue】
mounted(){
this.axios.get(’/user/login’).then((res) => {
this.res = res;
})
}

Answer 1

河畔一角 2020-03-30 23:09:52

easymock网站目前挂了，所以暂时用不了也访问不了。您可以在本地做数据mock，我在课程讲了mockjs了。

• 提问者 慕粉1657531309 #1

  好的，谢谢老师，辛苦了。我也只是想知道一下我的用法是否正确，加深一下理解。不过我开始出现问题的时候easyMock上的接口是200是可以成功访问的。恩，mockjs更好。

• 河畔一角 回复 提问者 慕粉1657531309 #2

  语法没有问题，如果请求的时候是200，那可能url地址不对，easymock使用较简单，仅仅设置axios的baseUrl即可。 不过目前可以学习一下mockjs，这个框架其实还有很多语法，可以尝试去官网了解一下，掌握更多复杂规则的配置。

• 慕少0472972 回复 提问者 慕粉1657531309 #3

  我在本地用虚拟机搭了一个easy-mock，其实也挺简单的，https://blog.csdn.net/weixin_44540088/article/details/102766771 上面有详尽的教程