我们在日常开发中,越来越多的采用了前后端分离,前后端分离后首先要解决的是跨域,最近我们好多项目采用了前后端分离,主要用vue来做前端开发,在前端调用后端接口时会出现跨域的问题
解决方案有多种多样,可以两个项目放在同个地址让他不跨域,或者采用nginx配置设置代理,也可以前端设置axios
proxyTable: {
'/api':{
target:"http://www.tynt.cn/api",
changeOrigin:true,
pathRewrite:{
'^/api':''
}
}
},
另外就是测试环境索性允许跨域,在头部设置如下信息
header('Access-Control-Allow-Origin:*'); // *代表允许任何网址请求
header('Access-Control-Allow-Methods:POST,GET,OPTIONS,DELETE'); // 允许请求的类型
header('Access-Control-Allow-Credentials: true'); // 设置是否允许发送 cookies
header('Access-Control-Allow-Headers: Content-Type,Content-Length,Accept-Encoding,X-Requested-with, Origin');