小程序里不存在跨域,但是如果是H5的项目存在跨域:
根目录下创建 vue.config.js:
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:7788',
ws: true,
changeOrigin: true,
pathRewirte:{ //路径重写
'^/api':''
}
},
'/foo':{
target:'http://localhost:3001'
}
}
}
}
proxy进行拦截,只要是以 ' / ' 开头的文件,走 ' http://localhost:7788 '
ws 代表是否持外部token的协议
changeOrigin 更改你访问的圆点
pathRewirte 把 ' ^/api ' 变成 * 号
反向代理可以解决很多,不光是api
比如 以 ' / foo ' 开头的话,让他的target 走3001