react的ant-design-pro打包上线踩坑记录-v4

最近写了一个ant-design-Pro的管理系统,要部署上线了,原本我以为就简简单单npm run build就可以的,但是发现有问题。然后我查询了一下官方文档,发现部署后遇到404的问题要在config.js中添加一个history:hash,如下。
在这里插入图片描述
但是改了之后还是在报404,之后发现我是部署在非根目录下的,还需要在config.js之后添加:
当然archivesmanage这个是根据个人项目来写的。
在这里插入图片描述
按照官网的写完之后,我发现页面可以加载了,但是调用后台接口不行,感觉proxy上的更改根本没用。最后在request中手动加上了接口地址,发现果然是proxy在打包之后无效了。
在这里插入图片描述
这就是我遇到的问题以及总结啦。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值