Axios远程接口链接时,报404

前言

刚刚在项目中使用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);
        });

修改完后就可以成功链接了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、直接引入`import vue from 'vue'` 报vue-warn错误 //如果直接使用import ...
    代小代isDelenDelen阅读 6,865评论 1 16
  • Vue 折腾记 - 给axios做个挺靠谱的封装(报错,鉴权,跳转,拦截,提示) 借鉴引用 本篇文章给大家带来的内...
    MJ_e9a5阅读 1,974评论 0 16
  • 页面发送http请求,很多情况我们要对请求和其响应进行特定的处理;如果请求数非常多,单独对每一个请求进行处理会变得...
    岁末Zzz阅读 1,971评论 0 0
  • 1、axios安装 1.1、 利用npm安装npm install axios --save1.2、 利用bowe...
    令武阅读 6,542评论 1 4
  • 谈生离与死别 在语文老师讲这个话题之前,我的脑子里关于这个话题,仅仅只想到杨绛先生的那句 从此以后,我们仨只有死别...
    raes阅读 992评论 0 5