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