前言

最近在尝试使用Vue3+vite做个人网站项目练手，本来就是前端刚入门几个月的菜鸡，一路磕磕绊绊地边查相关文件边实现自己的需求，今天在请求跨域这里卡了一下，特此记录

解决方案

// 前置环境
// vite构建的Vue3项目，引入的http库是axios和vue-axios,相关配置请上GitHub

// vite.config.js
// 示例接口是王者荣耀官网的(嘿！想爬壁纸挂个瀑布流到自己网站上)
export default defineConfig({
  server: {
    //port: 3000,
    //open: true,
    proxy: {
      '/api': {
          target: 'https://pvp.qq.com/',    // 目标接口前缀
          //ws: true,       //  代理webscoked
          changeOrigin: true,   // 开启跨域
          rewrite: (path) => path.replace(/\/api/, '')  // 路径重写
      }
    }
  }
})

// 我查了不少资料，各种配置五花八门，这里我注释掉的都是我测试了不影响我本次跨域请求的，
// 可能都配置上显得更规范更严谨？？？