antdpro 写后台管理系统的坑

1.antd-pro 配置请求代理

新项目中使用antd-pro框架，因此接下来会写一些关于antd-pro的踩坑

antd-pro中用的是fetch来实现http请求，封装成功一个request方法，在本地联调的时候须要该代理，经过本地服务器来请求后端服务，在部署到线上时须要使用nginx作反向代理

须要在config/config.js 添加下面代码

proxy: {
'/api/': { //匹配全部以/api/为开头的接口
target: 'http://xxxx/', //后端服务器地址
changeOrigin: true,
pathRewrite: { '^/api/': '' }, //由于咱们项目的接口前面并无api 因此直接去掉
},
},
关于changeOrigin这个选项：

若是后端服务托管在虚拟主机的时候，也就是一个IP对应多个域名，须要经过域名区分服务，那么参数changeOrigin必须为true(默认为false)，这样才会传递给后端正确的Host头，虚拟主机才能正确回应。不然http-proxy-middleware会原封不动将本地HTTP请求发日后端，包括Host: localhost而不是Host: httpbin.org，只有正确的Host才能使用虚拟主机，否则会返回404 Not Found。

通常状况下直接设置为true就能够了

可能会遇到挂设代理仍是没法请求真实接口的状况，能够用 npm run start:no-mock 试试看

2.打包配置（配置二级目录路由）

hash

history

3.使用overflow：scroll；（windows系统会有问题）

::-webkit-scrollbar {

/*隐藏滚轮*/

display: none;

}

4.登录实现验证码局部刷新