一般情況赏壹,這樣配置代理跨域即可
devServer: {
...
proxy: {
'/api': {
target: "http://192.168.5.102:8080",
changeOrigin: true
}
},
}
但是在后臺(tái)將允許的跨域地址指定為一個(gè)后炊甲,上述配置便對(duì)post請(qǐng)求不生效了泥彤,也就是post請(qǐng)求跨域失敗,而get請(qǐng)求成功卿啡。
對(duì)比get和post請(qǐng)求的不同吟吝,發(fā)現(xiàn)get的請(qǐng)求頭里面沒有origin字段,而post請(qǐng)求里面有origin字段颈娜。
解決:在webpack的devServer配置
devServer: {
...
proxy: {
'/api': {
target: "http://192.168.5.102:8080",
changeOrigin: true,
headers: {
host: "http://192.168.5.102:8080",
origin: "http://192.168.5.102:8080"
}
}
},
}