Vue3配置代理后页面500/404

在Vite+Vue-Router 4.0+Vue3的项目中,配置接口代理和base字段时遇到问题,前端页面出现404,请求显示500。问题源于base与proxy代理接口前缀重名,解决方案是在调用接口处增加自定义前缀,并在vite.config.ts的proxy中添加rewrite。base影响静态资源路径,而proxy用于代理转发,两者的冲突导致静态资源被错误代理,从源码中找到原因。
摘要由CSDN通过智能技术生成

问题

项目基础配置:Vite+Vue-Router 4.0+Vue3
项目进入联调阶段,开始配置接口代理。由于项目需要单点登录,于是就给项目增加了一个域名,也就是vue-router中的base字段。

const router = VueRouter.createRouter({
   
  history: VueRouter.createWebHashHistory('/my-app'),
  routes: []
})

这个配置需要配合Vite.config.ts的base字段一起修改:

export default ({
     mode }) => {
   
  return defineConfig(
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值