Vue解决跨域问题之Node反向代理

什么叫跨域？

域名、端口、协议、有一个不一样就叫跨域

你也可以理解为两台不同的服务器之间是不能直接传递数据的，如果需要传递就会遇到跨域的问题

使用场景：proxy反向代理是跨域的一种解决方案

在vue实战中如何来解决跨域问题呢

直接上代码（）

首先建立一个叫vue.config.js的文件

在vue.config.js配置如下代码（代码报红是插件不兼容导致，并不是代码问题）

配置完以后一定要重启服务器，yarn run serve或者npm run serve

现在配置好了就可以直接使用啦

 在配置文件中vue.config.js中已经吧我们的端口号为http://localhost:8888替换成了/api,也就是说以后我们发送请求的时候再也不要写http://localhost:8888写/api就可以了，说白了/api就是http://localhost:8888的替代品