简单配置umiJS学习笔记
2024-10-11 05:45:15
最近跟着Antd-Pro官方教程学习umi,这里给大家推荐一下这个教程,特别适合初学者学习,教程涉及了AntD,AntD-Pro,umiJS,dvaJS等框架知识。
学习过程中跟着教程做了个Demo,下面贴出主要代码
export default {
// 用来表示项目文件夹(page,model等)是否为单数,默认为复数
singular: true,
// 选择插件,这里是一个数组,一个插件是一个项,当项需要有别的参数的时候,这个项为一个数组,且这个数组第二个项是参数。
plugins: [
[
// 开启umi集成的antd和dva,注意umi-plugin-react需要单独用npm i --save umi-plugin-react下载
"umi-plugin-react",
{
antd: true,
dva: true
//
}
]
],
// 这里配置路由信息,需要注意这里是一个数组
routes: [
{
path: "/",
component: "../layout",
routes: [
{
path: "/",
component: "Helloworld"
},
{
path: "helloworld",
component: "Helloworld"
},
{
path: "puzzlecards",
component: "./puzzlecards"
},
{
path: "list",
component: "./list"
},
{
path: "/dashboard",
routes: [
{
path: "/dashboard/analysis",
component: "Dashboard/Analysis"
},
{
path: "/dashboard/monitor",
component: "Dashboard/Monitor"
},
{
path: "/dashboard/workplace",
component: "Dashboard/Workplace"
}
]
}
]
}
],
// 这里配置代理,下面的意思是当api请求有/dev时会自动设置到目标链接,主要用于解决跨域问题。
proxy: {
"/dev": {
target: "https://08ad1pao69.execute-api.us-east-1.amazonaws.com",
changeOrigin: true
}
},
// 在这里设置antd的主题相关配置,想要知道 antd 都定义了哪些变量,可以参考这里https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less
theme: {
"@primary-color": "#30b767"
}
};
最新文章
- MVC调试时遇到的URL问题
- FastFDS配置安装
- python selenium 操作chrome
- HDU2639Bone Collector II[01背包第k优值]
- 初探接口测试框架--python系列1
- Flex4 自定义分页组件
- Minimum_Window_Substring两种方法求解
- URAL1635. Mnemonics and Palindromes(DP)
- php生成验证码图片
- DEPENDENT SUBQUERY” 和 “SUBQUERY”
- [转载]CTO和技术总监区别
- 【easy】530. Minimum Absolute Difference in BST
- ajax 防止重复提交
- leetcode — add-two-numbers
- [转]Using Angular in Visual Studio Code
- 【Shell】Linux的判断表达式:-d,-f,-e等
- Word插入圆圈数字
- Ansible8:Playbook循环
- java 监听器实现原理
- TF随笔-7
热门文章
- 论文阅读笔记二十二:End-to-End Instance Segmentation with Recurrent Attention(CVPR2017)
- 【C++ Primer | 10】泛型算法
- CAS统一登录认证好文汇集贴
- cPanel中添加设置附加域(Addon domain)
- exception: java.net.ConnectException: Connection refused; For more details see: http://wiki.apache.org/hadoop/ConnectionRefused
- [转] Node.js中package.json中库的版本号详解(^和~区别)
- Temporal Segment Networks
- 关于文件I/o的原子操作
- net core体系-web应用程序-4net core2.0大白话带你入门-9asp.net core服务的生命周期
- Spring AOP中args()、arg-names、argNames