前端跨域配置 nginx 反向代理

nginx 反向代理

• 简单的说 反向代理是面向服务端的

• 比如 client A 向代理服务器发送了第一次请求 代理服务器向 Sever B 请求到了资源并返回 client A 向代理服务器发送了第二次请求 代理服务器向 Sever C 请求到了资源并返回 ...

  • client A 只知道 代理服务器向他返回资源 并不在乎请求的资源来自哪里
  • 代理服务器是面向 服务器的 这就是反向代理

• baseUrl = '/api'
  baseUrl = '本地服务器地址 + /api'
  

• server: {
      proxy: {
        // 用来标识哪些 接口需要跨域 使用了 api 的就会跨域
        '/api': {
          // 目标服务器地址 target + baseUrl + 路径
          target: 'http://123.207.32.32:8000/',
          // 开启代理：在本地创建一个虚拟服务器 然后这个服务器向目标服务器请求资源
          // 而浏览器请求这个本地的是同源的 不会跨域
          changeOrigin: true,
          // 这个用来去除 api
          rewrite: (path) => path.replace(/^/api/, ''),
        },
      },
    },
  

• \