cleanm 2022-05-19 10:06 采纳率: 100%
浏览 207
已结题

使用ajax请求post,正确响应但then代码块的内容无法执行

使用ajax请求post,请求体为图片,控制台得到了响应结果,状态为200,但then代码块的内容无法执行,代码如下


 methods: {
    submitUpload() {
      if(this.img!=''){
        this.loading = true;
        let param = new FormData()  // 创建form对象
      param.append('file', this.img, this.img.name)  // 通过append向form对象添加数据
      let config = {
        headers: {'Content-Type': 'multipart/form-data'}
      }
      this.$axios.post(this.action,param, config).then(response => {
          console.log(response);
          this.result = response.data;
          this.loading = false;
          this.img='';
          
        }).catch(error=>{
          console.log(error);
          
        })
      }else{
        this.$refs.upload.submit();
      }
    },
运行结果及报错内容

console无输出,且前端不显示结果,但后台有响应

img

我的解答思路和尝试过的方法

有说ajax是异步操作,但修改代码如下还是一样的结果


let post = ()=>{
          return new Promise(resolve => {
            this.$axios.post(this.action,param, config)
            .then(response => {
          
              resolve(response);
            })
          });
        }
        this.result = await post();
        this.loading = false;
        this.img=''
        console.log(this.result);
我想要达到的结果

猜测是then没有执行,请问大家是否有解决方法

  • 写回答

3条回答 默认 最新

  • 酷爱码 2022-05-19 10:43
    关注

    不一定吧,你看看你的响应也不是json格式的呀,你是不是没有对后端的结果进行封装成json字符串呀,你后端的数据格式一般应该是
    {
    "code":200,"data":{}
    }
    这样的

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 5月27日
  • 已采纳回答 5月19日
  • 创建了问题 5月19日

悬赏问题

  • ¥15 有人能看一下我宿舍管理系统的报修功能该怎么改啊?链表那里总是越界
  • ¥15 cs loadimage运行不了,easyx也下了,没有用
  • ¥15 r包runway详细安装教程
  • ¥15 Html中读取Json文件中数据并制作表格
  • ¥15 谁有RH342练习环境
  • ¥15 STM32F407 DMA中断问题
  • ¥15 uniapp连接阿里云无法发布消息和订阅
  • ¥25 麦当劳点餐系统代码纠错
  • ¥15 轮班监督委员会问题。
  • ¥20 关于变压器的具体案例分析