首先在项目根目录下创建 vue.config.js
module.exports = {
devServer:{
//设置代理
proxy:{
'/api':{
target:'http://localhost:3000',//要跳转的位置
pathRewrite:{
'^/api':''
}
}
}
}
}
原理:
让proxy通过vue帮你产生一个代理服务器,
然后通过这个代理服务器去请求数据,最后把请求的数据返回给你
/api,表示,哪一种接口需要使用跨域?
如果我请求的路径是以/api开头,则使用代理服务器
毕竟不是所有的接口都需要使用跨域
target:要跨域跳转到的位置
pathRewrite:{
'^/api':''
}
根据你访问的路径判断是否要使用跨域,如果是以/api开头的,
则接下来拼接的时候&#