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请求时，却发现得不到数据，返回了一个页面

输出：

但是使用postman向api发送请求却可以得到数据

原因分析：

这里其实是因为后端会对请求的ip地址做一个分析，如果直接使用localhost:8080访问，那么后端会认为这是一个有问题的请求，所以返回了网页

如果使用IP地址再访问一次呢

得到了数据

解决方案：

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

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

这样我们启动项目就是用的ip地址了，也就可以获取到数据了