vue axios发送post请求,怎么设置请求头解决跨域

vue axios发送post请求,怎么设置请求头解决跨域,第1张

这个问题和vue无关。

跨域请求就会出现这样的问题。

由于CORS(cross origin resource share)规范的存在,浏览器会首先发送一次options嗅探,同时header带上origin,判做散没断是否有跨域请求权限,掘则服务器响应access control allow origin的值,供浏览器与origin匹配,如果匹配则正式发送post请纯纳求。

全局使用Axios

首先,在自己建的公用方法的文件中new一个新的HttpUtil.js文件敏祥。以下为HttpUtil.js的内容:

var axios = require('axios')// 配置项目根如路径var root = 'http://localhost:8090/manage'// axios请求function httpApi (method, url, params) { return new Promise((resolve, reject) =>{ axios({ method: method, url: url, data: method === '颤晌POST' || method === 'PUT' ? params : null, params: method === 'GET' || method === 'DELETE' ? params : null, baseURL: root, withCredentials: false }).then(

(response) =>{

resolve(response)

}

).catch(

(error) =>{

reject(error)

}

)

})

}// 返茄拿锋回在vue模板中的调用接口export default { get: function (url, params) { return httpApi('GET', url, params)

}, post: function (url, params) { return httpApi('POST', url, params)

}, put: function (url, params) { return httpApi('PUT', url, params)

}, delete: function (url, params) { return httpApi('DELETE', url, params)

}

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11974912.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存