實現(xiàn)方法
? 在vue-cli3中纤壁,實現(xiàn)跨域的配置方法有兩種左刽。
- 一種是在項目中的根目錄,即與package.jason文件平行目錄
下創(chuàng)建vue.config.js酌媒。然后在文件中配置devServer的proxy屬性欠痴。具體事項方法請參考鏈接迄靠;vue-cli3代理配置。
但是喇辽,本人配置之后并未實現(xiàn)跨域梨水,配置的api的pathRewrite無法產(chǎn)生效果,組件中使用"/api/*"發(fā)送的請求鏈接是devServer的Ip加上"/api/*"茵臭。想不通疫诽,如果有大神清楚問題所在,請在評論里指點本人旦委,感激不盡奇徒。 - 第二種方法在上文的鏈接中也提過,在package.jason文件中配置proxy對象缨硝。
//本人使用的是追書神器的api
"proxy": {
"/api": "http://api.zhuishushenqi.com"
}
? 配置之后摩钙,只要是項目中使用了匹配"/api"地址的都會自動替換。例如:
this.$axios
.get("api/ranking/gender")
.then(...)
? "api/ranking/gender"會被解析為"http://api.zhuishushenqi.com/ranking/gender"查辩。如果想要深入了解胖笛,請訪問這個鏈接。