前端跨域问题

1.同源策略

同源策略是早由Netscape公司提出，是浏览器的一种安全策略。

同源：协议、域名、端口号，必须完全相同。

违背同源策略就是跨域。

2.如何解决跨域

代理

在vue.confing.js中配置

例如：

module.exports = {
     //关闭eslint
     lintOnSave: false,
     //代理跨域
     devServer: {
          proxy: {
               '/api': {
                    target: 'http://39.98.123.211',
               },
          },
     },
}

备注：这是我在项目中的解决方法，原理是前台项目与后台项目存在跨域问题（浏览器存在跨域问题），而服务器之间没有跨域问题。因此利用代理服务器进行数据请求。 

---

JSONP是什么

JSONP，是一个非官方的跨域解决方案，纯粹凭借程序员的聪明才智开发出来，只支持get请求。

JSONP是怎么工作的？

在网页有一些标签天生具有跨域能力，比如：img link iframe script。

JSONP就是利用script标签的跨域能力来发送请求的。

JSONP的使用

1.动态的创建一个script标签