項(xiàng)目場(chǎng)景：
在vue.config.js中配置了代理
devServer:{
port: 8080,
proxy:{
'/webhandler.ashx':{
target: 'https://test.com/', //后臺(tái)域名接口
// ws: true, //代理websockets，配置這參數(shù)
secure: false, // https接口配置這個(gè)參數(shù)
changeOrigin: true, // 跨域
},
}
}
然后向這個(gè)接口傳入?yún)?shù)發(fā)送post請(qǐng)求，希望獲取數(shù)據(jù)
問(wèn)題描述
在使用axios發(fā)送post請(qǐng)求時(shí)，卻發(fā)現(xiàn)得不到數(shù)據(jù)，返回了一個(gè)頁(yè)面
輸出：
但是使用postman向api發(fā)送請(qǐng)求卻可以得到數(shù)據(jù)
原因分析：
這里其實(shí)是因?yàn)楹蠖藭?huì)對(duì)請(qǐng)求的ip地址做一個(gè)分析，如果直接使用localhost:8080訪問(wèn)，那么后端會(huì)認(rèn)為這是一個(gè)有問(wèn)題的請(qǐng)求，所以返回了網(wǎng)頁(yè)
如果使用IP地址再訪問(wèn)一次呢
得到了數(shù)據(jù)
解決方案：
配置代理的時(shí)候，把主機(jī)名配置為IP地址文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-511137.html
devServer:{
host: '10.1.8.99',
port: 8080,
proxy:{
'/webhandler.ashx':{
target: 'https://test.com/', //后臺(tái)域名接口
// ws: true, //代理websockets，配置這參數(shù)
secure: false, // https接口配置這個(gè)參數(shù)
changeOrigin: true, // 跨域
},
}
}
這樣我們啟動(dòng)項(xiàng)目就是用的ip地址了，也就可以獲取到數(shù)據(jù)了
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-511137.html
到了這里，關(guān)于vue向api請(qǐng)求不到數(shù)據(jù)，返回了一個(gè)html頁(yè)面，使用postman發(fā)送請(qǐng)求卻可以得到數(shù)據(jù)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
