跨域解决方案及原理

1、jsonp方法。

        原理：动态生成script标签，通过src属性进行加载。

        缺点：不支持POST请求，只支持get请求。     

2、中间服务器代理。

      

3、CORS跨域资源共享，服务器端进行配置，加一个响应头。（工作中常用）

                headers: {

                      //  允许跨域访问子应用页面

                      'Access-Control-Allow-Origin': '*',

                    },

         

4、vue的反向代理配置（在后端不解决跨域的情况下，前端如何解决跨域）

        proxy代理。

        proxy：{

              "/api":{

                     target:"http://127.0.0.1:8888/api/private/v1/" 

                     ws:true,

                     changeOrigin:true // 开启代理，在本地会创建一个虚拟服务器，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题

                     pathRewrite:{

                          "^/api": "/"}  }                  

                     }