Spring3+Vue3项目中的知识点——跨域与解决方案

一、跨域

由于浏览器的同源策略限制，向不同源（不同协议、不同域名、不同端口）发送ajax请求会失败。

二、解决方案——配置代理

request.js中配置：baseURL的值为/api

vite.config.js中配置：

server: {

    proxy: {

      '/api': {                                                                //获取路径中办函了/api的请求

        target: 'http://localhost:8080',                           //将源替换为谁

        changeOrigin: true,                                          //完成源的替换

        rewrite: (path) => path.replace(/^\/api/, '')        //api替换为''

      }

    }

  }