vue cli開發環境下解決跨域問題

2021-08-20 19:12:07 字數 609 閱讀 1985

昨天晚上自己試圖用vue腳手架連線springmvc的伺服器端框架,發現在npm搭建的頁面測試環境發登入請求老是被拒絕:

1、這是前端報的錯誤:

這是伺服器端的日誌:

1、在vue-cli中有main.js這個配置檔案,應該配置一下測試伺服器的**。這個意思就是說我把本地伺服器做了**設定。

2、在請求中這樣寫url:

url:'/onlinelearning/func/auth/weblogin'

,

瀏覽器發出的請求就是這樣的

3、具體的ajax請求為:

$.ajax(

});

如果不寫contenttype 的話,也是會報錯的!!!。

ok,解決問題,過兩天繼續踩生產環境下的坑。

Vue cli2 0 vue cli3 0解決跨域

這個是在使用vue中的axios請求資料的時候報的跨域,本來這個只需要後台在nginx服務中配置請求頭資訊問題可以很輕鬆解決的,add header access control allow origin add header access control allow methods get,pos...

vue 解決跨域問題(開發環境)

同源 網域名稱,協議,埠均相同 不同源就是跨域,比如你的前端為localhost 9528,後端為localhost 8080,此時前端去訪問後端介面就會產生跨域問題,因為埠不同。跨域問題前後端都可以解決,這裡僅提供vue的前端跨域解決方案 前端vue.config.js配置如下,然後保證在你訪問後...

proxyTable解決開發環境跨域的問題

vue cli中config index.js引數proxytable配置能夠解決跨域問題 只適合在開發環境 通過設定proxytable中的引數changeorigin為true,本地就會虛擬乙個服務替我們接受或 請求,這樣就不會有跨域的問題了。還能通過配置簡化url,例如如果要訪問的介面位址為,...