超详细的跨域问题解决办法

什么是跨域

简单来理解就是越界了，访问了你不该访问的：

当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域

在前端领域中跨域一直是一个令人头疼的问题，有时候在访问接口去获取数据就会报跨域问题，当然一个项目由一个团队来配合完成，这个跨域问题一般会由后端的伙伴来去解决

为什么会跨域

官方解释：出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口（port）

简单来说：你访问的必须和本地的是一样的，也就是说出于安全考虑，也是一种保护机制吧

如何去解决跨域

那对于不同的技术解决办法也是不同，当然前后端处理跨域的方法也不同，以下处理办法没有先后顺序：

1.前端vue调用axios

在webpack.config.js中去配置

  devServer: {
    historyApiFallback: true,
    noInfo: true,
    proxy: {
      '/api': {
        //是否允许跨域
        changeOrigin: true,
        t