关于vue前后端跨域问题 Cross origin requests are only supported for protocol schemes: http, data, chrome, chr

在项目进行前后端分离时，遇到一个问题；
Access to XMLHttpRequest at ‘localhost:8087/login’ from origin ‘http://localhost:8081’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

一眼看出来 就是跨域问题，有2种解决方案，前端使用代理，或者后端允许跨域； 最初前端用代理，后来后端允许跨域（这个网上 一搜一大把 解决方案），但后来 都失败了，网上教程都是说拦截器怎么处理，spring security 怎么处理； 都没有搜到想要的答案，主要是搜索器 字数也受限，会把这个问题截取前半部分，所以你根本搜索不到正确答案，如果问题后半部分，可能还会有点用。

解决方案

根据提示 Chrome 只支持 http, data, chrome 这几种协议，所以问题一定出在前端，前端传递数据协议有问题；
前端配置写成BASE_API: '"localhost:8087"' ，所以就出现了问题，解决办法是加上http前缀 就行了
BASE_API: '"http://localhost:8087"'