前端開(kāi)發(fā)中种呐，經(jīng)常會(huì)遇到跟后端接口直接有跨域的問(wèn)題，前端自己在開(kāi)發(fā)時(shí)如何處理？
代理配置
可以讓你的本地服務(wù)器代理到你的服務(wù)器上熔酷，這樣你就可以訪問(wèn)服務(wù)器的數(shù)據(jù)了
代理只能在本地開(kāi)發(fā)時(shí)使用，build 之后就無(wú)法使用了豺裆。
- 使用代理時(shí)拒秘，接口請(qǐng)求的baseURL（服務(wù)地址）就不要配置了，為空即可臭猜，這樣默認(rèn)是前端項(xiàng)目的ip地址
"proxy": {
// 當(dāng)你請(qǐng)求是以/project開(kāi)頭的接口躺酒，則代理訪問(wèn)到http://192.168.0.2:8080
"/project": {
"target": "http://192.168.0.2:8080", // 目標(biāo)服務(wù)器host
"changeOrigin": true, //默認(rèn)false，是否需要改變?cè)贾鳈C(jī)頭為目標(biāo)URL
"secure": false // 如果是https接口蔑歌，需要配置這個(gè)參數(shù)
"pathRewrite": {
'^/project': '/' //地址重寫(xiě) 把‘/project’ （改為）=> ‘/’
}
}
}
代理前
image.png
代理后
- 實(shí)際訪問(wèn)的還是代理前的地址
-
注意配置代理后羹应，要在需要代理的接口前加上‘/project’，以/project開(kāi)頭的接口才會(huì)代理次屠。（project也可以是其他名稱园匹，保持一致即可）
image.png
