前言
刚刚在项目中使用Axios远程调用后端接口时,出现以下异常:
Uncaught (in promise) Error: Request failed with status code 404
解决方法
将项目中的原Axios方法改造如以下代码所示:
改造前:
axios.post({
url: "这里是请求的的URL",
timeout: 10000,
//不带Cokkie
withCredentials: false,
headers: {
"Content-Type": "application/x-www-form-urlencoded"
},
data: {
"userName": this.username,
"passWord": this.password
}
}).then((res) => {
console.log(res);
if (res.data.status == 0) {
this.$Message.info("得到信息");
} else {
this.$Message.warning("未得到信息");
}
})
改造后:
var instance = axios.create({headers: {'content-type': 'application/x-www-form-urlencoded'}});
instance.post(`这里是请求的的URL`, params).then((res) => {
console.log(res);
});
修改完后就可以成功链接了。