设置请求头部
access-control-allow-credentials: true
和access-control-allow-origin: www.xxx.com
withcredentials=true
import axios from 'axios' import config from '../config' export default { request (method, uri, data, headerconfig = {withcredentials: true}) { if (!method) { console.error('api function call requires method argument') return } if (!uri) { console.error('api function call requires uri argument') return } let url = config.serveruri + uri return axios({ method, url, data, ...headerconfig }) } }
jquery的$.ajax::
$.ajax({ type: "post", url: "http://www.xxx.com/api.php", datatype: 'json', xhrfields: { withcredentials: true }, crossdomain: true }).then((json) => { // balabala... })
使用nodejs做代理
var path = require('path') module.exports = { build: { env: require('./prod.env'), index: path.resolve(__dirname, '../xxx/'), assetsroot: path.resolve(__dirname, '../xxx'), assetssubdirectory: 'static', assetspublicpath: '/', productionsourcemap: true, productiongzip: false, productiongzipextensions: ['js', 'css'] }, dev: { env: require('./dev.env'), port: 8080, assetssubdirectory: 'static', assetspublicpath: '/', proxytable: { '/api': { target: 'http://www.xxx.com/api.php/', changeorigin: true, pathrewrite: { '^/api': '/' } } }, csssourcemap: false } }
这里target为目标域名,pathrewrite为转换规则,请求数据时将接口地址 根据转换规则请求就可以解决跨域啦!(这里也可以配置headers,设置cookis,token等)
jsonp
jsonp也是一种解决跨域的方法,不过我从来没有用过,在网上查了下资料,jsonp的原理是script标签引入js是不受域名限制的, 由于是模拟插入script标签, 所以不可以用post请求。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问, 点击进行留言回复!!
Mac电脑使用:SourceTree每次操作都提示输入密码的解决方法
对element-upload二次封装文件图片上传,贼拉好使,不好使吃皮鞋。
网友评论