proxy跨域代理

proxy跨域代理

主要用于解决后端未配置cros跨域处理
我们在前端在vue项目中可以使用proxy代理进行跨域访问
#谈谈一下我对proxy代理的理解
在我使用proxy代理时我更加感觉它就好比一个中介，当前端进行axios请求时，发现接口不存在，此时这个请求就会交给proxy进行处理，所以我感觉它更像一个中介的存在

演示如何在vue中使用proxy代理

首先配置axios

// 导入axios
import axios from "axios";

const request=axios.create({
    // 使用proxy解决跨域的问题 首先将axios请求的接口写成本地接口就不会出现跨域 
    // 等时识别出 接口不存在时候会交给proxy代理接口进行处理

    baseURL:'http://localhost:8080/'
})
// 共享出去
export default request

baseURL:'http://localhost:8080/ 配置为本地请求根路径是因为防止出现跨域的问题

在vue.config.js文件中配置proxy

module.exports = {
  
  devServer:{
    proxy:'http://www.escook.cn/',
 
   }
}

这样我们就用proxy跨域代理解决了在后端未进行跨域配置时所出出现的跨域问题