支持你 ant pro是真的重 越来越难用了

[qld-cf]

No description provided.

[hsl947]

@qld-cf 感谢支持😃。如果我这边有什么不足的，麻烦指出，我会及时作出修改

[qld-cf]

大佬 你的多tab，如果每个tab页面都有实时接口，怎么做，可以实现缓存，让切换感觉平滑

[hsl947]

@qld-cf 没明白你说的实时同时又要缓存？切换的时候，可以通过判断页面当前路由，决定是否重新请求接口。
多tab页签本来就是类似 vue 的 keep-alive，页面组件保活，可以说已经有缓存的。
多tab也有弊端，就是太多tab或tab页签的 html 内容过多时，切换会感觉延迟卡顿，这个算是浏览器性能问题。

[hsl947]

@qld-cf 可以给个在线code demo，我看看你说的具体是什么样的需求

[qld-cf]

@hsl947 请求自己线上服务， 跨域了
xxx has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
不用配置axios，不跨域， 这样使用就正常
`import Axios from 'axios'
import { message } from 'antd'
import { store } from '@/store'
import { HashRouter } from 'react-router-dom'

Axios.get(
'http://xx.152:8080/admin/api/v1/books/list?results=10&page=1&pageSize=20'
)
.then(function(response) {
console.log(response)
})
.catch(function(error) {
console.log(error)
})`

[hsl947]

@qld-cf 哈哈，你这样当然不会跨域啊，但是每个接口都要加域名也很难受的。我们线上是采用nginx反代转发接口，来解决跨域问题。
location /api { proxy_redirect off; proxy_pass http://xxxxxx; proxy_set_header Host $host; proxy_set_header X-real-ip $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; }

[qld-cf]

@hsl947 页面无法右键，我注释了user-select还是不行，哪儿做了限制了吗

[qld-cf]

查到了。。。<Layout className={styles.container} // onContextMenu={(e) => e.preventDefault()}
到处都是骚操作😀

[qld-cf]

我觉得select组件options的value和name无需props调整，不需要什么key, type, 外部数据格式 传value和name足够了，不然反而引起歧义和可读性差
class MySelect extends React.Component<Props> { render() { const { data, placeholder = '请输入搜索条件', value, onChange = () => { }, width = '100%', disabled, onSearch, defaultValue } = this.props const handerChange = (val: string | number): void => { onChange(val) } console.log('data', data) return ( <Select allowClear disabled={disabled} onChange={handerChange} optionFilterProp="children" placeholder={placeholder} showSearch style={{ width }} value={value} onSearch={onSearch} defaultValue={defaultValue} > {data.map((item, index) => ( <Option key={item['value']} title={item['name']} value={item['value']} > {item['name']} </Option> ))} </Select> ) } }

[hsl947]

@qld-cf 你说得对，那几个字段确实是多余的，忘了删掉，都是为了配合后端接口才加的，他们后端有时用key，有时用code，不统一。我晚点会改掉，谢谢

[qld-cf]

myUpload上传组件 action写死了，最好props🤭

[hsl947]

@qld-cf 这个建议可以，但是从业务上来说，一般上传图片action的接口都是统一的，很少有多个不同接口来上传图片。这个我改了，不传的话，默认可以写死。

[qld-cf]

@qld-cf 这个建议可以，但是从业务上来说，一般上传图片action的接口都是统一的，很少有多个不同接口来上传图片。这个我改了，不传的话，默认可以写死。

@hsl947 我在自己业务拓展了上传小视频功能，直接从myUpload拓展了，当然可以重写一个，但没必要... 所以很多地方写死的地方完全可以用props，既然是开源，我觉得可以尽量已拓展性高为主，需要考虑别人用的时候尽量通过配置就可以用起功能，小小建议...

[qld-cf]

大佬，还有个建议，如果有空可以再优化下文档，比如主题颜色哪儿配置，表单查询，不同接口的参数和返回如何处理优雅，什么的，让小白上手更快，相信✨更多~

[hsl947]

大佬，还有个建议，如果有空可以再优化下文档，比如主题颜色哪儿配置，表单查询，不同接口的参数和返回如何处理优雅，什么的，让小白上手更快，相信✨更多~

好的，没问题，多谢建议☺️

[SakiMJ]

大佬你的主题颜色在哪里设置配置啊

[hsl947]

大佬你的主题颜色在哪里设置配置啊

全局主题色：/config/webpack.config.js
个性化的深浅样式（非antd的标准组件）：/public/color.less