使用devServer解決跨域問題

2022-04-08 16:41:35 字數 796 閱讀 8456

目前解決跨域主要的方案有:

jsonp(淘汰)

此處介紹的使用devserver解決跨域,其實原理就是http proxy

將所有ajax請求傳送給devserver伺服器,再由devserver伺服器做一次**,傳送給資料介面伺服器

由於ajax請求是傳送給devserver伺服器的,所以不存在跨域,而devserver由於是用node平台傳送的http請求,自然也不涉及到跨域問題,可以完美解決!

伺服器**(返回一段字串即可):

前端需要配置devserver的proxy功能,在webpack.dev.js中進行配置:

devserver: 

},

意為前端請求/api的url時,webpack-dev-server會將請求**給http://localhost:9999/api處,此時如果請求位址為http://localhost:9999/api/getuserinfo,只需要直接寫/api/getuserinfo即可,**如下:

axios.get('/api/getuserinfo').then(result => console.log(result))

devServer來解決前端跨域問題

pathrewrite 路徑重寫,也就是修改api的路徑。比如訪問的api路徑 api name,設定pathrewrite 後,最終 訪問的路徑 這個引數的目的是給 命名後,在訪問時把命名刪除掉。由於我上面的標識都是在介面路徑裡面,所以無需新增pathrewrite這個屬性 新增了這一塊 後,我發...

跨域php,php怎麼解決跨域

php解決跨域問題 在做專案的過程中經常需要跨域訪問。這裡主要介紹一下 php 中怎麼解決跨域問題。1 允許所有網域名稱訪問header access control allow origin 2 允許單個網域名稱訪問header access control allow origin 3 允許多個...

vue axios使用之跨域解決

1.首先修改專案 config index.js中的配置貼出 我的js,備註說明 var path require path module.exports dev apibmc css sourcemaps off by default because relative paths are bugg...