浏览器网络请求在Network面板显示有返回值，但实际响应为空白

Love The Way You Lie 2023-10-15 09:04 15阅读 0赞

## 项目场景： ##

`提示：这里简述项目相关背景：`

项目简单示例：一个简单表单提交  
关键值：（下拉框） 字段platform  
关键值：（文本框） 字段actaul\_erison  
关键值：（文本框） 字段actaul\_erison2

--------------------

## 项目需求 ##

需要对一个表单完成修改，和回显，platform的下拉框变动的时候，需要清空actaul\_erison和actaul\_erison2的值，

根据platform选择的值限制actaul\_erison和actaul\_erison2的输入

## 问题描述 ##

起初我还以为出现了一个灵异事件，真的太奇怪了  
浏览器查看network，可以清楚看见这个（actaul\_erison）字段是返回了值  
![在这里插入图片描述][359b008435c74248b19dcce20c56ee24.png]  
前端axios response拦截器打印结果

axios.interceptors.response.use(
      response => {
        
        const res = response.data
        // 在这里打印的res
        // 这个字段在这里（actaul_erison）返回了”“  空字符串
    	
    	// 所以很奇怪。。。
    },
      error => {
        
        if (error.response.data.message) {
        
          Message({
        
            message: error.response.data.message,
            type: 'error',
            duration: 5 * 1000
          })
        } else {
        
          Message({
        
            message: error.message,
            type: 'error',
            duration: 5 * 1000
          })
        }
        return Promise.reject(error);
      }
    )

## 问题分析和解决方案： ##

> 提示：这里填写该问题的具体解决方案：

回到最初需求，platform清除需要清除actaul\_erison和actaul\_erison2的值  
所以我在vue写了一个监听器，并没有用@change事件

watch: {
        
        'obj.platform':function(newValue, oldValue){
        
          if (newValue){
        
             this.obj.actaul_erison = ''
             this.obj.actaul_erison2 = ''
          }
        }
      },

所以问题就出在这  
不能在监听里面直接清除属性的值

obj.platform 属性变化时将一些属性置为空，从而可能导致请求的返回值出现问题。

在 watch 中使用来监听属性的变化，然后执行一些逻辑是很常见的做法，由于这个逻辑可能会影响到后续的异步请求和数据处理

解决办法删除这个代码

改为@change事件来清除actaul\_erison和actaul\_erison2 的值

[359b008435c74248b19dcce20c56ee24.png]: https://img-blog.csdnimg.cn/359b008435c74248b19dcce20c56ee24.png