Write the Code. Change the World.

分类目录
6月 11

发表于 • 991 views • 没有评论!

诗和远方

年轻的时候受点委屈，恨不得全世界的人都来安慰我。长大后却学会将苦难不动声色地自己消化。大概成长就是这样，越长大越沉默。

太阳不会因为你的失意，明天不再升起；月亮不会因为你的抱怨，今晚不再降落。蒙住自己的眼睛，不等于世界就漆黑一团；蒙住别人的眼睛，不等于光明就属于自己！

时光如水，从容依旧，从不因为任何人或事而稍做停歇，而我们，拼命的追逐着，不停的忙碌着。想来，这世间有许多人与我一样，踽踽独行于红尘巷陌。

人生，就是这样，很多时候，越是简单，越是快乐；越是在贫穷的时候，越能体现自己的真心，和自己的真情。

淡淡的日子淡然地过。生活如水，人生似茶，再好的茶放到水中一泡，时间久了，也就淡了。也许是棱角平了，或许是成熟稳重了，脚步越来越踏实，日子越来越平淡。

生活就像一杯白开水，你每天都在喝，不要羡慕别人喝的饮料有各种颜色，其实未必有你的白开水解渴，人生不是靠心情活着，而要靠心态去生活。调整心态看生活，处处都是阳光。

人生总有意想不到的风景，生命里的一份美好，往往在你最不经意的时刻来临。人就是大自然里的一颗尘埃，享受漂泊，享受远行，和一路的风雨阳光，飞扬和落定都是一种美丽的行走！

人生聚散离合，就是缘来缘尽， 生活是一件艺术品， 每个人都有自己认为最美的一笔， 每个人也都有认为不尽如人意的一笔， 人没有最好， 有德天地高， 人生有尺，做人有度。

人生的故事，充满了多少不可预料，但它却无比真实地发生着，让你惊诧，让你不知所措，让你笑，让你哭，心却无比的酸痛，却躲在角落深处不敢发声。

不要把自己活得像落难者一样，急着告诉所有人你的不幸。总有一天你会发现，酸甜苦辣要自己尝，漫漫人生要自己过，你要努力强大起来，然后独当一面。

查看原文

1月 31

发表于 • 1,279 views • 没有评论!

诗和远方

开始安装 ant design pro

流程参考

https://blog.vini123.com/359

关于路由这块，需要再说明一下。路由有 laravel 的路由，还有 ant design pro 的路由，以及 nginx 的 location 的。

既然后台访问的域名为 xxx/admin/ , 而接口也是 xxx/admin/，这个时候就需要针对该情况的 nginx 的配置。根据 nginx 的 location 的优先级以及正则等原则，可以配置nginx的匹配规则如下：

    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }

# 后台接口统一加了 api
    location ^~ /admin/api/ {
        try_files $uri $uri/ /index.php?$query_string;
    }

    location /admin/  {
        index index.html index.htm;
        try_files $uri $uri/ /admin/index.html;
    }

# 编辑重启
sudo vim /etc/nginx/sites-available/admin.com
sudo nginx -s reload

ant design pro 相关

话说，要用就用最新的 V4（pro v4 以及 ant design v4），要用就用 TypeScript 。话说，还是得从零开始学一下 TypeScript。 那么之前做的部分工作，可以先暂停。

https://zhuanlan.zhihu.com/antdesign

https://www.zhihu.com/topic/20178853/hot

https://zhuanlan.zhihu.com/p/67498559

那么，我们把之前的 js 版本的 ant design pro 干掉。然后重启一个分支来做 typescript 版本的 ant design pro

# 先看看哪个提交时初始化创建 ant design pro
git log -n 6 --oneline

# 找到对应的 hash，回滚回去
git reset --hard xxxx

# 强提交
git push --force

# 开始新建分支
git checkout -b antdesign

# 所有的 ant design pro 相关的全在这个分支上干

npm create umi

# 选择 ant design pro， 选择 typescript ，y

npm install

# 再继续

git add .
git commit -m 'ant design pro v4 initialize'
git push --set-upstream origin antdesign

当使用 define 的方式定义全局常亮，typescript 再非定义位置报错问题处理。 需要在 typings.d.ts 中配置。
参考： https://pro.ant.design/docs/environment-variables-cn#%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F%E4%BB%A3%E7%A0%81%E4%B8%AD%E6%8A%A5%E9%94%99%E7%9A%84%E5%A4%84%E7%90%86%E6%96%B9%E5%BC%8F

ant design pro

一边学，一边使用 ant design pro。看到不明白的就开始查查查。

第一个 useState
useState(0) 是最新的 hooks api

https://segmentfault.com/a/1190000018781083?utm_source=tag-newest