VUE脚手架配置代理解决跨域

Access to XMLHttpRequest at 'http://127.0.0.1:9000/student' from origin 'http://127.0.0.1:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

在vue中使用axios发送请求时遇到上面这个报错就是请求跨域了，跨域的根本原因就是浏览器的同源策略，当客户端发送一个请求给服务端，服务端也会返回请求的内容，但是到了客户端的浏览器时，浏览器就会根据同源策略来检查客户端和服务端的协议、ip、端口是否一致，有任意一个不同就会触发浏览器的同源策略限制，就会报上述错误

在vue脚手架中可以配置代理服务来解决这个问题：

1.找到vue.config.js文件

 

2.在文件中加上

devServer: {

    proxy: '服务端ip:服务端端口'        //将汉字替换成你的服务端ip和端口

  }

3.在发送请求的地方将请求地址改成代理的地址，由代理来转发给服务端

这样就可以解决跨域问题了