vue中如何解决跨域？

一，跨域问题是如何产生的？
跨域产生的原因是出于安全考虑，浏览器会对不同源的地址做一些限制。而做限制的原因就是为了保证用户信息的安全，防止别的网站恶意窃取数据。也因而引出了同源策略（三同：同协议，同域名，同端口）。
当任意一个不同，就会产生跨域。
二，跨域的问题如何解决？
1.后端解决
2.前端解决
3.通过jsonp跨域
4.vue设置反向代理
5.常见的跨域方法（https://segmentfault.com/a/1190000011145364?utm_source=tag-newest）
三，vue设置方向代理解决跨域及其原理
在vue项目中我们经常会用到反向代理来解决跨域问题，那在config/index.js中去配置：

proxyTable:{
    '/api': {
        target: 'http://localhost:7001',    // 后端接口地址
        changeOrigin: true,               // 是否允许跨域
        pathRewrite: {
            '^/api': '/api'               // 重写
        }
    }
}

那这样我们在启动项目以后（比如localhost:8080），假如这里有一个接口，那么会发送一个请求：

localhost:8080/api/login

但是这里其实是伪造了一个同源请求，这个同源请求会通过反向代理服务器，去请求真正得接口地址，这样就绕过了直接去请求这个真正地址而导致得跨域问题。
也就是说实际上这里应该是：

http://localhost:7001/api/login