那些年踩過的坑——node代理解決跨域的問題

worldligang 發布于2019-08-23 14:43 / 1017人閱讀

摘要：在實際開發中，前后端分離的項目通常會需要同后臺開發人員聯調接口，不可避免的會碰到跨域的問題。

在實際開發中，前后端分離的項目通常會需要同后臺開發人員聯調接口，不可避免的會碰到跨域的問題。雖說跨域問題最后基本都是后臺同事解決的，但是有時候為了趕時間，沒轍只有自己來，使用node代理解決

 跨域：協議 域名 端口號 三個只要有一個不一樣就是跨域，也就是不同域名之間的訪問；
 通常解決跨域的方法 前端jsonp請求  或者node代理 
 后臺配置攔截器或者使用 注解@CrossOrigin(我自己寫的基本都是用的整個 配置成*放開所有的請求，反正也是寫著玩玩的)
 前端vue全家桶一條龍服務，后臺ssm
 首先在vue項目中 在config目錄下index.js
  proxyTable: {
  "/api": {    
    target: "http://localhosst:8080/Maybe/",  // 接口域名
    changeOrigin: true,  //是否跨域
  //    pathRewrite: {
 //     "^/api": ""   //需要rewrite的,
 //   }
  }
},
然后將axios的baseURL  設置為"/api" 然后跨域的問題就解決了

（ ps:封裝axios的時候記得一定要攜帶cookie

 axios.defaults.withCredentials=true  //請求攜帶cookie
 不然后端取到的session也是空的
）
但是這個時候 會出現一個問題 session 丟失的問題，接口是通的，但是后端卻取到的session確是空的
解決方法
proxyTable: {
  "/Maybe": {   
    target: "http://localhosst:8080/",  // 接口域名
    changeOrigin: true,  //是否跨域
  //    pathRewrite: {
 //     "^/api": ""   //需要rewrite的,
 //   }
  }
},
注意：代理名要與application context(就是項目名稱)相同；跨域changeOrigin: true；RewritePath，
是將對資源的請求重定向到另一路徑，使其不同于所請求 URL 指示的路徑，根據實際情況看要不要加。

其實真正的session路徑在/Maybe下,但是上面這個請求雖然被代理到http://localhosst:8080/Maybe，
很明顯的請求http://localhosst:8080/api/Maybe 所攜帶的cookie在/api路徑下面，
在/api路徑找/Maybe下cookie肯定是找不到的啦，所以就出現了雖然能訪問到接口，但取到的session確是空的。

GPU云服務器云服務器云服務器踩過的坑跨域問題跨域解決辦法 cdn跨域問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/101041.html

那些年踩過的坑——h5頁面在ios端點擊高亮閃爍

摘要：當時碰到過一個問題，頁面在端點擊的時候，整個頁面會高亮的閃爍一下特別明顯，被測試狂崔。。。當透明度設為，則會禁用此屬性當透明度設為，元素在點擊時不可見。記得那是第一次獨自完成一個項目，現在看來，那個項目會很簡單的，但那個時候還是挺有成就感的。當時碰到過一個問題，h5頁面在ios端點擊的時候，整個頁面會高亮的閃爍一下,特別明顯，被測試狂崔。。。最后發現是 css樣式的問題加...

姘擱『 2019-08-30 15:55 評論0 收藏0
那些年踩過的坑——input輸入框 ios端 readyonly 點擊出現光標

摘要：輸入框加了屬性就可以達到只讀的效果，但是在端，點擊該輸入框還是會出現光標解決辦法，給輸入框加上元 input輸入框加了readonly屬性就可以達到只讀的效果，但是在ios端，點擊該輸入框還是會出現光標解決辦法，給輸入框加上 unselectable=on onfocus=this.blur()

elliott_hu 2019-08-30 15:55 評論0 收藏0
那些年踩過的坑——input輸入框 ios端 readyonly 點擊出現光標

摘要：輸入框加了屬性就可以達到只讀的效果，但是在端，點擊該輸入框還是會出現光標解決辦法，給輸入框加上元 input輸入框加了readonly屬性就可以達到只讀的效果，但是在ios端，點擊該輸入框還是會出現光標解決辦法，給輸入框加上 unselectable=on onfocus=this.blur()

red_bricks 2019-08-23 14:43 評論0 收藏0
VUE使用中踩過的坑

摘要：前言如今可謂是一匹黑馬數已居第一位前端開發對于的使用已經越來越多，它的優點就不做介紹了本篇是我對使用過程中以及對一些社區朋友提問我的問題中做的一些總結幫助大家踩坑。隨后的重新渲染，元素組件及其所有的子節點將被視為靜態內容并跳過。前言 vue如今可謂是一匹黑馬,github star數已居第一位！前端開發對于vue的使用已經越來越多，它的優點就不做介紹了,本篇是我對vue使用過程中以及...

big_cat 2019-08-22 14:04 評論0 收藏0