vue向api请求不到数据，返回了一个html页面，使用postman发送请求却可以得到数据-Toy模板网

这篇具有很好参考价值的文章主要介绍了vue向api请求不到数据，返回了一个html页面，使用postman发送请求却可以得到数据。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

项目场景：

在vue.config.js中配置了代理

devServer:{
    port: 8080,
    proxy:{
      '/webhandler.ashx':{
        target: 'https://test.com/',  //后台域名接口
        // ws: true, 				  //代理websockets，配置这参数
        secure: false,  			  // https接口配置这个参数
        changeOrigin: true, 		  // 跨域
      },
   }
}

然后向这个接口传入参数发送post请求，希望获取数据

问题描述

在使用axios发送post请求时，却发现得不到数据，返回了一个页面
vue向api请求不到数据，返回了一个html页面，使用postman发送请求却可以得到数据
输出：

但是使用postman向api发送请求却可以得到数据
vue向api请求不到数据，返回了一个html页面，使用postman发送请求却可以得到数据

原因分析：

这里其实是因为后端会对请求的ip地址做一个分析，如果直接使用localhost:8080访问，那么后端会认为这是一个有问题的请求，所以返回了网页
vue向api请求不到数据，返回了一个html页面，使用postman发送请求却可以得到数据

如果使用IP地址再访问一次呢
vue向api请求不到数据，返回了一个html页面，使用postman发送请求却可以得到数据
得到了数据

解决方案：

配置代理的时候，把主机名配置为IP地址

devServer:{
	host: '10.1.8.99',
    port: 8080,
    proxy:{
      '/webhandler.ashx':{
        target: 'https://test.com/',  //后台域名接口
        // ws: true, 				  //代理websockets，配置这参数
        secure: false,  			  // https接口配置这个参数
        changeOrigin: true, 		  // 跨域
      },
   }
}