在我们前端开发vue项目的过程中,开始调取后台提供的接口的时候,如果不是一样的同源则会在请求的时候报错,如图
这时候我们可以设置我们项目中的config文件夹下的index.js文件中的proxyTable,设置代理,让我们的实际地址被本地地址替换。
proxyTable:{ // 代理模式
'/BLearningAPIServer3':{ // 碰到/BLearningAPIServer3的就当作暗号接头
target:'http://api.dev.aabbcc.com:8000', // 真实地址
changeOrigin: true ,// 是否跨域
pathRewrite:{
'^/BLearningAPIServer3':'/' // 需要重写就加上,不需要就不要加
}
}
}
这样我们就可以在本地将‘http://localhost:9527/BLearningAPIServer3/api/v1/organizations/tree’指向‘http://api.dev.aabbcc.com:8000/BLearningAPIServer3/api/v1/organizations/tree’ 这样再次请求的时候就不会出现跨域问题了。