前端跨域解决方案

什么是跨域？

• 跨域是浏览器为了安全而做出的限制策略
• 浏览器请求必须遵循同源策略：同域名、同端口、同协议

怎么解决跨域？

• CORS跨域

  • 服务器设置，前端直接调用
  • 说明：后台允许前端某个站点进行访问

  • Access-Control-Allow-Origin:http://localhost:8080 （指定地址访问，可以动态设置，也可以指定某个地址）

  • Access-Control-Allow-Credentials:true（允许跨域时把前端cookie传过去）

• jsonp跨域

  • 前端适配，后台配合
  • 说明：前后台同时改造
  • 

• 代理跨域

  • 接口代理-通过修改Nginx服务器配置来实现
  • 说明：前端修改，后台不动
  • 创建vue.config.js文件
  • 
  • 
  •