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.在发送请求的地方将请求地址改成代理的地址,由代理来转发给服务端
这样就可以解决跨域问题了