14 創新實訓記錄 Vue跨域問題

2021-10-07 16:36:27 字數 892 閱讀 1849

首先什麼是跨域?

由於瀏覽器同源策略,凡是傳送請求url的協議、網域名稱、埠三者之間任意乙個與當前頁面位址不同即為跨域。

跨域通常是一下情況組成的

處在不同的ip下

處在同一ip下的不同埠

網路協議不一致

網域名稱不同或子網域名稱不同

出現跨域問題,跨域問題尤其是體現在vue前端通過axios進行http請求的時候展現出來的跨域問題。

出現跨域問題可以通過配置config中的index.js中的proxytable來實現

dev:}}

, csssourcemap:

false

}

我們的專案是通過後端處理跨域問題進行實現的

也就是在springboot中通過新增過濾器的方式實現了跨域問題,這裡就不進行過多描述了

對於跨域問題,我也因此想到了如果在每乙個vue中的資料請求都是寫好了ip的話,那麼如果請求的ip發生改變的話我們是不是後端的跨域過濾器以及前端申請的介面都需要修改呢,那麼我可以定義乙個全域性變數裡寫好ip,然後讓所有的axios都對這個變數進行呼叫,那麼修改的時候只需要修改乙個值就可以實現了

@/api/global_variable.js

const apiurl =

''export

default

vue中在js部分引入

import

global

from

'@/api/global_variable'

const url =

global

.apiurl

6 29創新實訓工作記錄2

name為檔名稱,key為關鍵字 defdataforwordcloud name,key inputs readtxt name jieba.analyse.set stop words filefeaturepath pattern re.compile r u4e00 u9fa5 output...

3dCG 期中創新實訓記錄

本次記錄主要內容為 第三週完成的主要工作 第一輪場景材質和燈光布置渲染 第四周的主要工作 動作捕捉 3 4周,也就是四月初我們的三維製作團隊主要進行專案的中期階段。我們完成的任務有兩個主要場景的白模附上材質和顏色,擺放燈光,以及動作設計與彩排,實際運用光學動作捕捉裝置捕捉。我完成的主要任務為 1 單...

vue 跨域問題

1 同源策略是瀏覽器的乙個安全功能,在沒有明確的授權情況下不能讀取不同源下的資源 2 只有在協議,埠,網域名稱相同的情況下,才不會出現跨域的現象在config.js檔案下配置乙個 一般是修改proxytable這個配置項的內容 這種跨域一般在開發環境下使用 proxytable target為後端請...