js跨域解决

一、跨域

简单来说，跨域就是从一个域名的网页区请求另一个域名的资源，这样的请求会在浏览器中报异常，原因是浏览器的同源策略造成的

二、同源策略

主要限制ajax请求，要求发起请求的页面的路径，协议域名和端口号三者必须和请求目标的协议域名端口一致，否则浏览器将这种请求判定为非法请求

三、解决方法

1、jsonp

原理就是script标签的src属性是不受同源策略限制，可以在src属性中添加请求路径，可以解决跨域

2、CORS跨域

这种跨域方式完全不需要前端参与, 纯纯的后端解决所有问题
在响应头添加 “access-control-allow-origin:放行源” , 之后浏览器就会对相应源的跨域请求进行放行

3、webpack

在vue框架中，vue.config.js文件中，通过proxy配置代理

devServer: {
  proxy: {
    '/api': {
      target: "http://xxxxxx",
      changeOrigin: true,  
    },
  },
},