vue【跨域问题】

---

一、什么是跨域？

跨域问题即同源策略问题
同源策略：浏览器的一种安全协议，协议（http、https）、主机（域名、IP（公网IP、局域网IP））、端口号其中一个对应不上就会产生同源策略，从而产生跨域问题。

---

二、解决跨域

1.后台直接放开

缺点：不安全

---

2.JSONP

原理：利用script标签中src不受同源策略影响，需要后端配合

---

3.配置代理

---

三、配置代理

在vue.config.js中加上

  //   配置代理
  devServer:{
    proxy:{
      //   代理的名字
      '/course-api':{
        //   代理的地址
        target:'网址[如：http://....com/api/]',
        //   是否跨域
        changeOrigin:true,
        //   路径重写
        pathRewrite:{
          '^/api':''
        }
      },
    }
  }

---