vue框架下解决跨域问题

概念：浏览器向服务器发送请求，出现协议、域名和端口号不同的情况，称为跨域；

情景：本地服务器向公共的开发服务器发送请求的时候，会出现跨域问题；

解决办法：

        这里有一个同源策略的概念：同源策略是浏览器的行为，是为了保护本地数据不被JavaScript代码获取回来的数据污染，因此拦截的是客户端发出的请求回来的数据接收，即请求发送了，服务器响应了，但是无法被浏览器接收，导致通信失败；所以解决思路就是：避开浏览器的行为；

 

vue框架下的解决办法：去vue.config.js文件中写代理服务器，解决跨域问题

        代理服务器：通过后端的nginx、或者通过脚手架vue-cli

module.exports = {
   

  //代理服务器，解决跨域，最简单的配置代码
  devServer: {
    proxy: {
      "/api": {
        target: "",//代理跨域的目标接口
      },
    },
  },
};

引用前端如何处理跨域问题_前端解决跨域问题_码上十七的博客-CSDN博客