Vue 代理解决跨域问题的完整解决方案 ---以及顺路解决了可配置链接方案的问题

背景：之前的工作需要本人前后端都要写，所以习惯性在后端把跨域问题处理好。最近因为项目问题，需要协助其他组搭建前端，所以需要解决Vue程序跨域问题。但是在网上找的方案都有点片面，在整体解决之后，所以写了一个整合版本的解决方案。内容可能过长，或者有所冗余，希望根据需要自己使用。

0、跨域问题的产生

浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。后端处理的情况一般会根据请求判断是否允许调用，并在响应头里面添加Access-Control-Allow-Origin，让非法途径的服务不能获取我的数据。
本来挺完美的，但是真正工作中，跨域是浏览器的策略，数据是可以获取到的但是浏览器不允许使用，跟后台没啥关系。毕竟后台已经把数据给过来了，你自己不中用啊！

而且水平参差不齐的开发人员让这个问题更加扯皮，再者说，如果真的不允许其他用户访问，后台直接判断域名返回ERROR多好，不比跨域安全100倍。
跨域问题表现为