vue使用axios解决跨域
刘耀文的大沙雕
钟意阿满
vue axios发送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)。
抱起亚轩找小葵
为什么vue设置了axios请求头之后会跨域？
vue跨域可以使用自带的proxyTable功能，打开工程找到config/index.js 搜索proxyTable参数，修改如下：
proxyTable: {
'/abc': {
target: 'http://192.168.3.100',。
secure: false,
changeOrigin: true,。
},
大圣杰锅是
vue axios发送post请求，怎么设置请求头解决跨域
这是需要后端设置响应头的。
跨域是浏览器行为，需要后端允许跨域，才能正常访问，不是在前端设置的。
小韩在追星
这个问题和vue无关。
跨域请求就会出现这样的问题。
由于CORS（cross origin resource share）规范的存在，浏览器会首先发送一次options嗅探，同时header带上origin，判断是否有跨域请求权限，服务器响应access control allow origin的值，供浏览器与origin匹配，如果匹配则正式发送post请求。
小韩在追星