前端接口请求跨域--代理配置

前端开发中，经常会遇到跟后端接口直接有跨域的问题，前端自己在开发时如何处理？

代理配置

可以让你的本地服务器代理到你的服务器上，这样你就可以访问服务器的数据了
代理只能在本地开发时使用，build 之后就无法使用了。

• 使用代理时，接口请求的baseURL（服务地址）就不要配置了，为空即可，这样默认是前端项目的ip地址

        "proxy": {
            // 当你请求是以/project开头的接口，则代理访问到http://192.168.0.2:8080
            "/project": {
                "target": "http://192.168.0.2:8080",    // 目标服务器host
                "changeOrigin": true,   //默认false，是否需要改变原始主机头为目标URL
                "secure": false // 如果是https接口，需要配置这个参数
                "pathRewrite": {
                    '^/project': '/'    //地址重写  把‘/project’ （改为）=> ‘/’
                }
            }
        }

代理前

image.png

代理后

• 实际访问的还是代理前的地址

• 注意配置代理后，要在需要代理的接口前加上‘/project’，以/project开头的接口才会代理。（project也可以是其他名称，保持一致即可）

  
  image.png