反向代理怎么解决同源策略问题

之前一直不懂这个proxy代理是什么意思？

proxy: {
      "/api": "http://localhost:3000",
      // 代理到后端的服务地址，会拦截所有以api开头的请求地址
},

最近在学习webpack基础就略知一二

这是我在webpack.dev.js中写的代码

// 开发服务器
  devServer: {
    hot: true, // 热更新，无需手动刷新
    //contentBase: DIST_PATH, //热启动文件所指向的文件路径
    host: "0.0.0.0", // host地址
    port: 8080, // 服务器端口
    historyApiFallback: true, // 该选项的作用所用404都连接到index.html
    proxy: {
      "/api": "http://localhost:3000",
      // 代理到后端的服务地址，会拦截所有以api开头的请求地址
    },
    // open: true,
    //  noInfo: true,
    //  useLocalIp:true
  },

下面这是我的理解

我们本身的域名是 http://192.168.0.104:8084

比如说我们同名域的一个域名是 http://192.168.0.104:8084/api/login 这个域名和我们当前的域名同名

我们服务端口是 http://localhost:3000/api/login -----此时存在跨域问题

我们就从/api开始匹配，只要api相同我们就代理到 http://localhost:3000/api/login 这个服务器中

表面上我们避免了跨域访问的是 http:192.168.0.104:8084/api/login

实际上我们代理到了 http://localhost:3000/api/login 这个服务器中

通过反向代理巧妙的避免了跨域问题

ps:小白一个，勿喷啊，希望多多纠正，希望大佬们多多指点