資訊專欄INFORMATION COLUMN
摘要：在實(shí)際開發(fā)中，前后端分離的項(xiàng)目通常會(huì)需要同后臺(tái)開發(fā)人員聯(lián)調(diào)接口，不可避免的會(huì)碰到跨域的問題。
在實(shí)際開發(fā)中，前后端分離的項(xiàng)目通常會(huì)需要同后臺(tái)開發(fā)人員聯(lián)調(diào)接口，不可避免的會(huì)碰到跨域的問題。雖說跨域問題最后基本都是后臺(tái)同事解決的，但是有時(shí)候?yàn)榱粟s時(shí)間，沒轍只有自己來，使用node代理解決
跨域：協(xié)議 域名 端口號(hào) 三個(gè)只要有一個(gè)不一樣就是跨域，也就是不同域名之間的訪問；
通常解決跨域的方法 前端jsonp請(qǐng)求 或者node代理
后臺(tái)配置攔截器或者使用 注解@CrossOrigin(我自己寫的基本都是用的整個(gè) 配置成*放開所有的請(qǐng)求，反正也是寫著玩玩的)
前端vue全家桶一條龍服務(wù)，后臺(tái)ssm
首先在vue項(xiàng)目中 在config目錄下index.js
proxyTable: {
"/api": {
target: "http://localhosst:8080/Maybe/", // 接口域名
changeOrigin: true, //是否跨域
// pathRewrite: {
// "^/api": "" //需要rewrite的,
// }
}
},
然后將axios的baseURL 設(shè)置為"/api" 然后跨域的問題就解決了
（ ps:封裝axios的時(shí)候 記得一定要攜帶cookie
axios.defaults.withCredentials=true //請(qǐng)求攜帶cookie
不然后端取到的session也是空的
）
但是這個(gè)時(shí)候 會(huì)出現(xiàn)一個(gè)問題 session 丟失的問題，接口是通的，但是后端卻取到的session確是空的
解決方法
proxyTable: {
"/Maybe": {
target: "http://localhosst:8080/", // 接口域名
changeOrigin: true, //是否跨域
// pathRewrite: {
// "^/api": "" //需要rewrite的,
// }
}
},
注意：代理名要與application context(就是項(xiàng)目名稱)相同；跨域changeOrigin: true；RewritePath，
是將對(duì)資源的請(qǐng)求重定向到另一路徑，使其不同于所請(qǐng)求 URL 指示的路徑，根據(jù)實(shí)際情況看要不要加。
其實(shí)真正的session路徑在/Maybe下,但是上面這個(gè)請(qǐng)求雖然被代理到http://localhosst:8080/Maybe，
很明顯的請(qǐng)求http://localhosst:8080/api/Maybe 所攜帶的cookie在/api路徑下面，
在/api路徑找/Maybe下cookie肯定是找不到的啦，所以就出現(xiàn)了雖然能訪問到接口，但取到的session確是空的。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/101041.html
摘要：當(dāng)時(shí)碰到過一個(gè)問題，頁(yè)面在端點(diǎn)擊的時(shí)候，整個(gè)頁(yè)面會(huì)高亮的閃爍一下特別明顯，被測(cè)試狂崔。。。當(dāng)透明度設(shè)為，則會(huì)禁用此屬性當(dāng)透明度設(shè)為，元素在點(diǎn)擊時(shí)不可見。 記得那是第一次獨(dú)自完成一個(gè)項(xiàng)目，現(xiàn)在看來，那個(gè)項(xiàng)目會(huì)很簡(jiǎn)單的，但那個(gè)時(shí)候還是挺有成就感的。 當(dāng)時(shí)碰到過一個(gè)問題，h5頁(yè)面在ios端點(diǎn)擊的時(shí)候，整個(gè)頁(yè)面會(huì)高亮的閃爍一下,特別明顯，被測(cè)試狂崔。。。最后發(fā)現(xiàn)是 css樣式的問題 加...
摘要：輸入框加了屬性就可以達(dá)到只讀的效果，但是在端，點(diǎn)擊該輸入框還是會(huì)出現(xiàn)光標(biāo)解決辦法，給輸入框加上元 input輸入框加了readonly屬性就可以達(dá)到只讀的效果，但是在ios端，點(diǎn)擊該輸入框還是會(huì)出現(xiàn)光標(biāo)解決辦法，給輸入框加上 unselectable=on onfocus=this.blur()
摘要：輸入框加了屬性就可以達(dá)到只讀的效果，但是在端，點(diǎn)擊該輸入框還是會(huì)出現(xiàn)光標(biāo)解決辦法，給輸入框加上元 input輸入框加了readonly屬性就可以達(dá)到只讀的效果，但是在ios端，點(diǎn)擊該輸入框還是會(huì)出現(xiàn)光標(biāo)解決辦法，給輸入框加上 unselectable=on onfocus=this.blur()
摘要：前言如今可謂是一匹黑馬數(shù)已居第一位前端開發(fā)對(duì)于的使用已經(jīng)越來越多，它的優(yōu)點(diǎn)就不做介紹了本篇是我對(duì)使用過程中以及對(duì)一些社區(qū)朋友提問我的問題中做的一些總結(jié)幫助大家踩坑。隨后的重新渲染，元素組件及其所有的子節(jié)點(diǎn)將被視為靜態(tài)內(nèi)容并跳過。 前言 vue如今可謂是一匹黑馬,github star數(shù)已居第一位！前端開發(fā)對(duì)于vue的使用已經(jīng)越來越多，它的優(yōu)點(diǎn)就不做介紹了,本篇是我對(duì)vue使用過程中以及...
閱讀 2186·2019-08-29 16:53
閱讀 2767·2019-08-29 16:07
閱讀 2124·2019-08-29 13:13
閱讀 3320·2019-08-26 13:57
閱讀 1394·2019-08-26 13:31
閱讀 2513·2019-08-26 13:22
閱讀 1292·2019-08-26 11:43
閱讀 2150·2019-08-23 17:14
