实战篇-61_大事件_跨域解决

1.跨域问题出现原因

由于浏览器同源策略限制，向不同源(不同源、不同域名、不同端口)发送ajax请求会失败

2.解决

1.修改request.js中的baseURL

const baseURL = '/api';

2.修改vite.config.js，在defaultConfig里面添加

  server:{
    proxy:{
      '/api':{ //获取路径中包含了/api的请求
        target:'http://localhost:8080', //后台服务所在的源
        changeOrign:true, //修改源
        rewrite:(path)=>path.replace(/^\/api/,'') // /api替换为''
      }
    }
  },

3.结果展示