Vue如何解决跨域

跨域错误信息

一.什么是跨域

当一个请求url的协议、域名、端口三者任意一个与当前页面url不同即是跨域

二.解决跨域的方法

1.在vue.config.js文件里的devServer写入代理配置

注:只能在开发环境中可以使用 后端请求地址是http://192.168.71.212:8080， 所有api的接口url都以/api开头。

2.配置开发环境的基础地址,并使用,代码如下

3.最后重启项目就好啦😶‍🌫️