Vue專案中跨域問題解決方案

2021-10-06 23:28:22 字數 828 閱讀 6844

方法

1.後台更改header

header('access-control-allow-origin:*');//允許所有**訪問 

header('access-control-allow-method:post,get');//允許訪問的方式

2.使用http-proxy-middleware **解決(專案使用vue-cli腳手架搭建)

(1)開啟config/index.js,在proxytable中添寫如下**:

proxytable:  

} }

(2)使用axios

this.$axios.post("/api/位址",).then(data=>)
axios的配置(main.js)

vue.prototype.$axios=axios;

(3)使用es6fetch請求

fetch("/api/test/testtoken.php",,

body:json.stringify()

}).then(result=>).then(data=>)

3.使用jquery jsonp

methods:  

}) } }

總結

vue 跨域問題解決方案

用vue cli腳手架搭建了個demo,前後分離就有跨域問題的出現。vue clie搭建demo步驟 傳送門 我自己在網上找了2個介面做測試 csdn 掘金 安裝模組axios進行ajax請求,直接請求,肯定顯示跨域,無法請求。以下為npm run dev 跨域的解決方法 腳手架vue cli已經幫...

跨域問題解決方案

常用解決方案好文 源於瀏覽器的同源策略,跨域其實就是前端請求,網域名稱 協議 埠,只要其中之一不同,就會有跨域限制。下面這段引用其他博主的文章 呼叫 非跨域 呼叫 主網域名稱不同 123 456,跨域 呼叫 子網域名稱不同 abc def,跨域 呼叫 埠不同 8080 8081,跨域 1.jsonp...

跨域問題解決方案

1.目錄 為單個方法提供跨域訪問 直接新增請求頭 response.setheader access control allow origin 下面的配置可選,只配置上面一條也可以實現跨域 access control allow methods post,get,options,delete ac...