vue3.x 配置本地代理

在Vue3项目中,可以通过创建vue.config.js文件并配置devServer的proxy选项来解决开发环境的跨域问题。具体操作为在package.json同级目录下新建vue.config.js,然后设置'/api'路径的代理,将目标接口地址填入target,开启changOrigin以允许跨域,并关闭ws。同时,使用pathRewrite将'/api'重写为空,以便正确发送请求。
摘要由CSDN通过智能技术生成

日常开发遇到的问题
vue3.X版本的跨域设置

在pcakage.js同目录下建立一个 vue.config.js 文件
里面使用使用
module.exports = {
devServer:{//配置Dev server 的行为
proxy:{ //这里的proxy区分大小写 如果vs自动补齐的是Proxy 会导致项目无法启动 全部小写
‘/api’:{//使用匹配的方式 在请求的时候匹配 /api
target:‘xxx.xxxx.xxx’,//这里放的是后端的实际接口 后端给的啥放啥 尽可能的找出公共部分减少后面添加url时的工作量
changOrigin:true,//这里是判断是否跨域
ws: false,
pathRewrite:{//是否重写请求
‘/api’:"",
}
}
}

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值