antd-pro

Ant design pro 启动后默认是打开的页面是登录后的，如何设置它启动后打开的是登录页！

https://segmentfault.com/q/1010000015657108

https://www.cnblogs.com/tian874540961/p/10253983.html

2.0发现两个问题，未登录状态不会重定向到login页面，我已经手动将localstorge中的内容改为guest。
还有就是访问路由配置未配置的项目不会重定向到404页面。

 

https://pro.ant.design/

antd pro中mock数据并使用详解:https://blog.csdn.net/qq_41139830/article/details/82976282

Ant Design Pro开发后台管理系统（权限）: https://www.jianshu.com/p/64f8f34583a6

AntD Pro登录页面，调用接口实现与服务器的交互: https://blog.csdn.net/weixin_44410921/article/details/86081162

 

 

复制：https://www.cnblogs.com/miaSlady/p/10287935.html

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 试试看

 

原文地址：https://pro.ant.design/docs/cli-cn

为了更好以及高效的开发效率，我们提供了配套的 ant-design-pro-cli 工具。

pro cli 提供了如下功能：

• pro new 新建一个脚手架，会自动将最新的 Ant Design Pro 脚手架下载到本地并安装

• pro generate 新建一个模板，包含 model、service、page、component

二、使用过程 

2.1、如何使用

使用 npm 安装到本地

npm install ant-design-pro-cli -g

2.2、新建脚手架

运行

pro new

2.3、新建模板

运行

pro generate

则会显示富交互的命令行提示界面：

　　

然后通过交互提示就可以添加 pro 提供的标准模板。

1.使用集成化的命令行工具 ant-design-pro-cli。

npm install ant-design-pro-cli -g

mkdir my-project && cd my-projectpro new # 安装脚手架

2.本地运行

npm install安装依赖包

npm start开启项目