前后端跨域

跨域: 浏览器无法接受执行接受非同源地址的数据，这是由于浏览器的同源策略导致的，为了保护浏览器的安全。

注( 同源: 相同的协议、域名、端口。

 

例如前端Vue-cli脚手架创建的前端项目地址为http://localhost:8080/index.html，

后端服务器地址为http://localhost:3000。浏览器与服务器便不是同源，无法接受其数据。

常用的解决方法有哪些呢？

1、后端设置header来改变相应的权限(最简单)

2、服务器不存在同源策略，可用前端项目同源服务器转发后端请求。vue-cli脚手架位于开发环境时必然与后端不同源，因此vue-cli中自带的node服务器可以解决跨域问题，在vue.config.js文件可使用node服务器对后端请求进行转发。

3、jsonp等方法不常用就不多讲。