- 博客(295)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 nginx refer与origin的异常数据拦截
2、只有当referer的最前面有https://或者http://时，才可以，例如https://abc.cn:123 referer才放行。1、以https://testtest.abc.cn:8001、https://10.124.111.111:8111 为开头的。map的写法与valid_referers的写法，对~^(.*\.)?valid_referers none ~*\.abc\.cn 是不行的。valid_referers none *.abc.cn 是不行的。
2025-03-27 11:54:02
208
原创 node版本问题，启动不了项目
在学习前端框架或者是nodejs时，有时候某些框架对nodejs的版本有要求。但此时你的电脑上已经安装了10.x版本的nodejs，你不想直接更新到12.x，想同时保存10.x和12.x版本，在必要的时候还能随时切换nodejs版本。由于项目是2021年建立，由于 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，会对现有系统造成一些影响.项目支撑的node版本需要回退到node.js的v16版本。方法一：在项目运行的时候，增加指令。
2024-08-28 13:40:40
749
原创 nginx location 与 proxy的配置
proxy_pass 最后带“/” ，最后反向代理的路径，会删除location中的路径，直接在最前端写上proxy_pass代理的路径。location /abc/def/ 不能匹配 /abc/defghi 请求，只能匹配 /abc/def/anything 这样的请求。相当于吧proxy_pass的路径替换了location匹配的路径前面的所有内容，其他不变。location /abc/def 可以匹配 /abc/defghi 请求，也可以匹配 /abc/def/ghi 等。
2024-01-17 16:03:05
1210
原创 vscode配置与注意事项
中文设置应用搜索输入“Chinese (Simplified) Language Pack for Visual Studio Code”并敲回车键底部信息窗没有的话。
2024-01-08 10:17:31
726
原创 ant design ant design Pro 中的table横向与纵向合并问题
ant design ant design Pro 中的table横向与纵向合并问题
2022-11-23 13:58:02
1342
原创 react 使用npm构建 不支持ie问题的记录，ie报不支持contains
react 使用npm构建 不支持ie问题的记录，ie报不支持contains
2022-09-19 09:12:55
509
原创 npm start 报错 FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory
npm start报错
2022-09-17 09:28:17
644
原创 div antd table 隐藏内容显示更多
div块内展示的文字：width:10em;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;在antd table里展示内容
2022-06-16 14:18:45
463
原创 ProForm中各个fields使用ant design组件参数的方法
使用 “fieldProps”来配置form中原本的各个fields所使用的参数
2022-02-21 17:14:36
1062
原创 div内文字居中 四件套
display: flex;//定义属性flex-direction: column; //竖向排列align-items: center; //上下居中justify-content: center; //左右居中
2022-02-07 11:06:48
308
原创 ant design Form与ProForm中的input与ProFormText
input与ProFormText输入默认值的时候，使用initialValue，而不是使用defaultXXX
2022-01-17 15:31:50
3358
原创 umi 动态加载组件 dynamic 自定义loading图片
前端项目ant design 在加载单页应用的时候，要显示动态加载的loading图标。这使用使用dynamic来进行设置，设置方法有两种1、在配置文件中使用config.js dynamicImport: { loading: '@/components/PageLoading/index', },2、自己手写dynamic的组件官方文档：https://umijs.org/zh-CN/docs/load-on-demandimport { dynamic } from
2021-11-09 09:02:22
4018
2
原创 PC端、手机端在线预览文档组件react-file-viewer与npm构建内存溢出
用户上传文件后，pc端可以下载文件，但是手机端下载文件就很不方便，手机的端需要直接将附件查看，所以需要react-file-viewer这个npm包可以根据自己本地开发环境npm的配置通过命令，在自己的前端目录下进行安装npm installreact-file-viewer或者cnpm installreact-file-viewer在页面中直接引用使用import FileViewer from 'react-file-viewer';<FileViewer..
2021-10-15 15:01:59
1118
原创 npm执行报内存溢出，内存不够很使用
您需要增加节点允许的内存量。您可以通过以下方式在全局范围内执打开一个cmd窗口跑 setx NODE_OPTIONS --max_old_space_size=10240 针对本地调试使用。关闭所有cmd /代码编辑器重新打开cmd并再次运行节点命令（npm等）...
2021-10-14 08:50:57
1539
原创 React Ant design 中新开一个新的浏览器标签页window.open
window.open（'新的标签页的内容'）如果直接写www.baidu.com的话，会出错，会在原有的路由路径中拼接上新的url如果浏览器中url显示http://172.16.3.111:8000/chat/chatBot/index在使用window.open('www.baidu.com')后，新开的页面url为：http://172.16.3.111:8000/chat/chatBot/www.baidu.com这个显然不是想要的，需要使用在url中http的头所以需要.
2021-09-03 10:57:56
2278
原创 React AntDesign 渲染页面 加载对象 加载对象的对象 问题
再编写antDesign时，使用的函数的形式定义的页面const questionInfo = (props) => {}在初始化的同时，去请求的后端的接口数据，获取接口数据后，使用const [questionInfo, setQuestionInfo] = useState({});//详情信息将数据放到questionInfo对象里，在return函数中，使用questionInfo.属性名的方式来显示获取到的对象的数据。但是返回的数据对象的json格式是{ .
2021-08-19 19:19:10
629
原创 ProForm 验证码ProFormCaptcha timing控制
<ProFormCaptcha fieldProps={{ size: 'large', // prefix: <MailTwoTone className={styles.prefixIcon} />, }} captchaProps={{ size.
2021-08-10 14:24:43
2790
原创 ant design 设置网页的title
ant design 的页面都是用js编写，如何在页面标签页或者在接入微信的页面中，最上面显示网页名称，在ant design文件中直接使用，document.title = '标题名称';即可在浏览器标签页中设置名字。
2021-08-06 13:56:23
1387
原创 nginx location / 中的配置，关闭版本号
location = / { # 只匹配"/". [ configuration A ]}location / { # 匹配任何请求，因为所有请求都是以"/"开始 # 但是更长字符匹配或者正则表达式匹配会优先匹配 [ configuration B ]}关闭nginx错误页面版本号在http里配置server_tokens off;...
2021-08-03 14:17:27
1170
原创 ant design mobile listView 使用
ListView.DataSource 的使用https://cloud.tencent.com/developer/section/1373979https://mobile.ant.design/components/list-view-cn/
2021-07-15 11:36:43
678
原创 ant design 新建页面后路由跳转不生效解决方法
引入import {connect} from 'dva';在页面导出的时候使用export default connect(({ }) => ({}))(userStation)即可
2021-07-15 11:08:28
1304
原创 HTML ant design react 中页面元素高度的获取
网页正文全文高：document.body.scrollHeight网页可见区域高（包括边线的高）：document.body.offsetHeight 当元素是inline时，值为0https://blog.csdn.net/qq_35430000/article/details/80277587
2021-07-15 11:06:19
783
原创 ant design 引入别人的代码的时候，全局样式被修改，阻止全局css污染的方法。
ant design 在任何地方引入样式的时候，只要classname与整个项目antd默认的类名一致的时候，就会覆盖整个项目的antd的默认样式。1、可以自己再编写less，重新定义改变的class样式，进行反覆盖。2、将引入别人的代码的css文件，或者less文件删除，就不会覆盖整个样式了...
2021-06-28 10:44:57
1647
原创 React AntDesign 聊天机器人 阿里ChatUI使用
使用阿里的antDesignPro开发了前端项目，现在根据需求进行了客户对话框的开发，找了三个组件。https://blog.csdn.net/yehuozhili/article/details/108552890https://fredrikoseberg.github.io/react-chatbot-kit-docs/#tutorials最后发现阿里开源的ChatUI组件好看，有“比较”前的组件文档。所以就开始根据ChatUI开发。当然以上才材料也有很多借鉴的地方，三个组件可以根据需求自
2021-06-25 17:08:06
9472
4
原创 react react-markdown ant design pro .md文件显示 显示本地图片
需要在antd的项目中显示操作手册，操作手册以.md文件形式展开，所有文件，照片全部保存在前端项目中。react-markdown使用
2021-06-18 16:43:29
1251
1
原创 修改ant design 默认css样式
在html查看器中找到要修改的div块儿中的class名称在antd项目的global中通过#root .class名称的方式 为css样式添加内容
2021-06-09 15:57:09
1995
原创 react 深度拷贝
let obj = {a: 1};//分配一个新地址给newObj let newObj = Object.assign({},obj);//赋值 newObj.a = 2; console.log('最终list===最终list===最终list===最终list===最终list===',obj.a); console.log('最终list===最终list===最终list===最终list===最终list=...
2021-06-07 15:38:54
829
原创 antd proform中的select（ProFormSelect）使用
<ProFormSelect label="角色可见范围" name="select2" mode="multiple" fieldProps={{ onChange:(val) => handleChang..
2021-06-07 15:13:28
17104
原创 ant desgin 获取官方组件中的元素长度
在antd的组件中加入id={}<ProTable id={"table"}在获取组件长度的时候，直接使用DOM进行获取
2021-06-02 12:26:42
818
原创 protable 的受控设置
1、设置state，设置要控制的字段名class的方式this.state ={ columnsStateMap : { workName: { show: false, // order: 1, }, }}函数的方式：const[columnsStateMap,setColumnsStateMap]=useState({workName:{...
2021-05-27 16:10:09
2499
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人