js ajax跨域請求報錯的解決辦法

2021-08-15 21:05:41 字數 811 閱讀 6558

在做專案時,遇到乙個請求或著提交的錯誤,大概出現如下**,原因是不能跨域請求。

no 'access-control-allow-origin' header

...等

主要的解決方法有三個。

1.在後台更改header

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

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

這個方法最簡單有效,直接解決了問題。

2.使用jquery提供的jsonp,需要將jquery引入到vue專案中

getdata () )

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

例如請求的url:「

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

proxytable:  

} }

2、使用axios請求資料時直接使用「/api」:

getdata () )
通過這中方法去解決跨域,打包部署時還按這種方法會出問題。解決方法如下:

let serverurl = '/api/'  //本地除錯時 

// let serverurl = '' //打包部署上線時

export default

js ajax請求封裝及解決node請求跨域問題

ajax請求var ajax 例項化乙個ajax請求的物件 ajax.open method,url,false 開啟乙個ajax請求 第乙個引數是請求的方式 可以是get post 第二個引數是請求的位址 第三個引數是否傳送同步請求 ajax.send 向伺服器傳送ajax請求 獲取ajax請求的...

django解決跨域請求

網路協議不同,如http協議訪問https協議。埠不同,如80埠訪問8080埠。網域名稱不同,如qianduanblog.com訪問baidu.com。子網域名稱不同,如abc.qianduanblog.com訪問def.qianduanblog.com。網域名稱和網域名稱對應ip,如www.a.c...

解決請求跨域問題

滿足以上任意乙個就算跨域。跨域的解決方案很多,可以在前端解決,也可以在後端解決。1 在main.js中設定axios請求的預設字首 axios.defaults.baseurl api 2 在vue.config.js中配置 module.exports 方式一 crossorigin註解 在con...