关于Nextjs静态导出路由刷新后不生效的问题。 背景： 1、初始化一个项目，添加一个路由/test 2、配置静态导出：output: "export" 本地run dev访问:localhost:3000/test是可以保持住页面的。 部署到nginx上访问/test是跳到首页的，这个是什么问题？ nginx是有配置404跳转首页的： location / { try_files $uri $uri/ /index.html; } 这个配置vue history模式也是能保持住的。所以现在是啥问题啊？如何才能实现静态化部署后访问路由的问题。

Tampermonkey中使用GM_xmlhttpRequest对多个链接同时进行请求，将最先返回结果的值进行条件判断，要是符合条件不再获取后面的请求结果的值，要是不符合，依次获取第二个、第三个的返回结果的值进行条件判断，同样符合条件不再获取后面的，要是不符合条件，同样获取后面的值 使用AI写了一段代码，看注释和实际结果，貌似是先获取一个请求结果，进行判断，然后再等所有剩下的结果请求完成，再进行条件判断，并非依次等获取到请求结果就进行条件判断 const promises = []; // 要请求的链接列表 var urlavl = 'https://www.aaa.com'; var urlero = 'https://www.bbb.com'; var urlkuti = 'https://www.ccc.com'; var urls = [urlwiki,urlero,urlkuti]; // 遍历链接列表，发起请求并存储 Promise 和对应条件 urls.forEach((url) => { promises.push(new Promise((resolve, reject) => { GM_xmlhttpRequest({ method: "GET", url: url, onload: function(response) { let domNew = new DOMParser().parseFromString(response.responseText, 'text/html'); resolve(domNew); }, onerror: function(error) { resolve('请求错误' + url); } }); })); }); Promise.race(promises) .then((data) => { // 获取 response 和 condition // 判断第一个完成的请求是否满足对应条件 if(data.indexOf('#') > -1) { console.log(data); // 取消其他未完成的请求 (可选) promises.forEach(promise => { if (promise.cancel) { promise.cancel(); } }); } else { // console.log(`链接不满足条件，等待其他结果...`); // 使用 Promise.all() 等待所有请求完成 Promise.all(promises) .then(results => { // 遍历所有结果，查找满足对应条件的结果 console.log('重新查找') results.forEach((data) => { if(data.indexOf('#') > -1) { console.log(data); // console.log(`链接满足条件:`, response); } }); }) .catch(error => { console.error("请求出错:", error); }); } }) .catch(error => { console.error("请求出错:", error); });

"https://echarts.apache.org/zh/option.html#dataZoom" (https://link.segmentfault.com/?enc=2xLkqaK109KkXK5aIp2qtQ%3D%3D.nmJyrMs150WyinAhv7jMj0oLvlHpBmMtck4uCAtMiU%2BSieguqIH0kxrLavmUr4%2FrIZqau5hL7NHxmr2h8j34Zw%3D%3D) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250109/d006066d2336b5ee9e8061ea1637724d.png) 这种效果你看满不满足,其实还有echarts都有实现,你可以找找

我需要绘制一个柱状图，每个柱子能够根据不同的数据得到不同的颜色。请问应该如何实现？

解决方案 Solution VChart中提供了这样的配置，如果你需要同步轴的范围使0值对齐，可以参考文档中的配置："https://visactor.io/vchart/option/barChart#axes-linear.sync.a..." (https://link.segmentfault.com/?enc=%2B9o4DiYvtTbx%2FySAFl7hYw%3D%3D.YMEQVQ2a%2BWZ8LtliYzU5g%2BU3h8Sr2lDe0X%2BZHIuFrAa4oVYZLZtiRgQmpiN5rjl9hqlCStdnzM3v25H534WTeAsnhHY7e%2Bpx8sakhuaQnJE%3D) 通过sync指定右轴向左轴对齐即可。需要注意的是：需要为左轴定义id，以便能够在其他轴中指定它。 代码示例 Code Example spec.axes = [{ orient: 'left', id: 'left_axis', seriesIndex: [0], }, { orient: 'right', seriesId: ['line'], gird: { visible: false, }, sync: { axisId: 'left_axis', zeroAlign: true } }, 结果展示 Results "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241231/28ef6283903517a2c9a17f3448ed4527.png) Demo: "https://codesandbox.io/s/dual-axis-zero-align-9y49w3?file=/sr..." (https://link.segmentfault.com/?enc=bhg8ERLOafAqrxtGpn31%2FA%3D%3D.0se4qY8p6wTgNM8g%2FWaM2CSDQYynxn4NOL3yCJCMKqj7mtabdNP%2F%2Frt7bwG%2BaP73r%2BggJg2hGcUxFSjhtW9VgnLGK%2BBFuV5A6jKNqlOpkhU%3D) 相关文档 Quote Axis option："https://visactor.io/vchart/option/barChart#axes-linear.sync.a..." (https://link.segmentfault.com/?enc=XIVDZSbVsB6RTnfogJ%2BJHQ%3D%3D.ypSd5V5AjtlCN4clcm1hlxWm6AFa93WMfiJKZsnG06%2FPMS2lQ77EggzV%2FzOown4gDW4hKtd2O0WujVaJ22FjjkbU5kshRrx6fj1rIeOAU48%3D) github："https://github.com/VisActor/VChart" (https://link.segmentfault.com/?enc=zsvdon1e4GWsYbi21g69ww%3D%3D.D4PlGu5HkceHfewjFEf1JirVIXVq9JfgcV%2F9kqpUbKoMAY7Cd83%2BSuLLMT9eRZo7)

有没有什么办法可以做到如下 console.log(a); // undefined console.log(a.b); // undefined console.log(a.b.c); // 1

vue项目新版打包部署后，过一段时间刷新网页，一直加载不出，但关掉浏览器之后再次打开才会正常，一般在项目部署的时候，才会复现（有的电脑会有这种问题，有的正常），请问是什么原因引起的？

Ubuntu 22.04 默认自带了 needrestart 这玩意儿，跟 apt 是集成在一起的。如果有哪个后台服务的依赖库升级了，就会触发这个提示。 其实直接按 ESC 跳过就好了，并不是强制重启的。 你要是想完全关闭，可以 "apt purge needrestart" 卸载掉它。

我有如下的代码使用antd/Dropdown组件： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241223/b73225c915891770fcdb2f2b71a45476.png) const items: MenuProps["items"] = [ { label: { console.log('收藏: ') }}>收藏, key: '0', }, { label: 2nd menu item, key: '1', }, { type: 'divider', }, { label: '3rd menu item', key: '3', }, ]; ... { updateIsOpenObj(nodeData.key, false) }} > { e.preventDefault() }}> 这样使用是没有问题的： 调用打开dropdown： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241223/903a82035683cb38059a343aff620f78.png) 但是我修改为此代码（使用"genDropdownItems()"生成items，而不直接传递items，就会报错）： // 生成dropdown的key const genDropdownItems = (key: string | number): MenuProps["items"] => { const items: MenuProps["items"] = [ { label: { console.log('收藏: ', key) }}>收藏, key: '0', }, { label: 2nd menu item, key: '1', }, { type: 'divider', }, { label: '3rd menu item', key: '3', }, ]; return items } { updateIsOpenObj(nodeData.key, false) }} > { e.preventDefault() }}> 报错结果： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241223/7f99b72d236a0909df54f8d94e4fd188.png) Unhandled Runtime Error Error: React.Children.only expected to receive a single React element child. Call Stack Object.onlyChild [as only] ... at PathnameContextProviderAdapter (webpack-internal:///../node_modules/.pnpm/registry.npmmirror.com+next@13.5.2_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/shared/lib/router/adapters.js:79:11) at ErrorBoundary (webpack-internal:///../node_modules/.pnpm/registry.npmmirror.com+next@13.5.2_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:2:5389) at ReactDevOverlay (webpack-internal:///../node_modules/.pnpm/registry.npmmirror.com+next@13.5.2_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:2:7785) at Container (webpack-internal:///../node_modules/.pnpm/registry.npmmirror.com+next@13.5.2_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/index.js:78:1) at AppContainer (webpack-internal:///../node_modules/.pnpm/registry.npmmirror.com+next@13.5.2_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/index.js:182:11) at Root (webpack-internal:///../node_modules/.pnpm/registry.npmmirror.com+next@13.5.2_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/index.js:396:11) React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundary.

JS 能否做到什么，不在乎用什么库，而是要看浏览器开放了什么 API。所有的库，都不过是在系统 API 上做了封装。 既然要用蓝牙，那多半是 "Bluetooth API" (https://link.segmentfault.com/?enc=rI8XN0Aha3hoAnTUkB7r0w%3D%3D.ykJV1XW0eHYGHaD34eb%2ByZxYJ04dJk5h7pfpfha8zPLxci2c6rHU5%2BeMAd3%2BtzXyEUtbsUFh32zMAgB1P%2B6RbQ%3D%3D)，查询 MDN 可知，Safari 未开放，所以不能用。

我使用jqui中的droppable小部件。 我的父元素“Div”是一个droppable对象，当accept对象“ball”进入其中时会在父元素Div内创建另一个同样是droppable的子元素“circle”，这个子元素同样绑定了一个over事件，当“ball”对象进入“circle”时，会触发“进球了”函数 但是，我发现：当我移动ball进入Div内，circle产生了，而此时我移动ball进入circle内，却没有正确触发“进球”事件（事实上，任何绑定在"circle"上的droppable事件都没有触发），必须先松开处于拖拽中的ball，再点击ball拖拽，使其进入circle中，才能正确触发circle的over事件。 然而，这并不符合我的预期，我希望当ball进入Div内，再进入circle时，能够直接触发这个事件，而不是先松开，再拖拽，随后触发这个事件，我该如何解决这个问题？感谢任何愿意提出的建议！

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241215/7e24ee52996b5e445676ab0a341fe15c.png)

以这个官方demo距离，搜索前是这样的： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241214/07abb063de1e35a85ed3d04f58c8930a.png) 搜索后，比方说搜一个1 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241214/af81dc417c90d9faebe251612187b8e3.png) 当我删掉关键字后，变成了全部展开： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241214/5e836814eeaa1625f9d18f49e1aa1889.png) 我试过"this.$refs.tree.setCheckedKeys([]);"，没有作用，还是全部展开了。

«fastapi 请求过多一般缓存方案是什么？» 本地开了 fastapi , 本身要处理的 post 请求过多，要对数据库写入 想到做请求缓存队列， 一般 fastapi 缓存方案是什么？

抛砖引玉了： 1. 建新表 2. 双写 3. 迁移旧数据 4. 切新表 希望能帮助到你。

默认好像是关闭浏览器之前，一般如果没有去设置的话，缓存都是默认关闭浏览器之前，cookie的话是默认7天。

用js判断内容高度是否大于容器高度,如果大于了,那就增加上阴影样式,否则移除样式

这个看是主机配置文件出错了，去虚拟主机列表，编辑虚拟主机，看有哪些参数有问题（如缺失的等），填写正确再保存虚拟主机。

场景是有一个主应用里面有多个子应用，其中a应用嵌入iframe（b应用）展示，可点击弹窗大屏展示； 问题1：a应用进来iframe展示操作没问题，但是点击大屏显示的时候控制台明明打印出来数据但是b应用页面没更新，使用强制刷新forceUpdate和局部刷新this.$nextTick都不好使，使用v-if也是初次进来有触发信息但是页面还是没有显示 问题2：c应用引入iframe（b应用），有复制和发送功能呢触发后postMessage给c应用，在谷歌浏览器操作时好使的，在360上报浏览器安全问题 Blocked a frame with origin "https://www.123.com" from accessing a cross-origin frame. 代码模拟： 点我打开 售后处理 // 子组件 export default { name: 'iframeTest', // components: {}, data() { return { drawer: false, direction: 'rtl' }; }, // created() {}, methods: { iframeUpdatedHandle() { const iframe = document.getElementById('saasAiAssist'); const res = { isSend: false, isUsage: false }; // res为可以往智能辅助的传递数据（当前需求是区分在线和电话，可以直接用module判断，后期数据多的话可以放到res里面） // type必传(父传子默认parent)moudule必传source必传res非必传 const messageObject = { type: 'parent', module: '自定义form应用', source: 'source-a', res }; iframe.contentWindow.postMessage(messageObject, '*'); } } }; .pd20 { padding: 20px; }

我自己实现了 &:last-child{ // 如果ai输出结束了，刚不显示伪元素after .stop > *:last-child{ &:after{ content: none !important; } } // 节点空时设置光标跟随 .chat:empty{ position: relative; &:after{ display: inline-block; content: ""; width: 4px; height: 14px; transform: translate(4px,2px) scaleY(1.3); background-color: #80c9ff; animation: cursor .6s infinite; overflow-wrap: break-word; box-sizing: border-box; } } // 获取最后一个子节点并设置光标跟随 .chat > *:last-child { position: relative; &:after{ display: inline-block; content: ""; width: 4px; height: 14px; transform: translate(4px,2px) scaleY(1.3); background-color: #80c9ff; animation: cursor .6s infinite; overflow-wrap: break-word; box-sizing: border-box; } } } "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241125/def1c8fd80dd7e69d5e24195a38e952e.png)

并不是在这处理是不是json,应该在importAccount这个公共请求者处理是不是json格式,需要设置'Content-Type': 'multipart/form-data'

报错： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241125/c84b8cccf2b592695fe077673dfd39ff.png) 初始化： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241125/332edafcd6c0de4b203dc12939bf1cac.png) 定义： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241125/dd1076dbe756f18f750d7996e69eb2ba.png) 引入： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241125/8a847814077b5ea5c61f8bbc43f26e44.png) 已经按照网上方法：降低版本、卸载nodemodules，都没用。

可以使用 onUnload 监听，然后执行页面卸载之后发生的事情 onUnload(){ wx.navigateTo({ url: 'xx/index' }) }

用了nginx代理，本想用IP做标识，但是同一局域网下的所有设备，都是共用同一IP，请问可以获取到局域网ip或者通过哪些参数组合可以区分唯一性

主要看图一的数据,延迟应该是服务端导致的吧,再延迟出现的时候,api的耗时是多少,请截图一的数据,分析一下

returnSize 你没有给赋值

"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241109/f96f818fa2a031d18098a277603fb6fb.png) "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241109/5008eba7f9163cd0ed4dc5c95079ce09.png)

input框禁用粘贴功能,同时禁用页面长按出现复制菜单 "a337dc9611ef888cd815dd91bdbf6f4a.jpg" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241108/1171cb9ef77c4e0dda0598e4c9e4807c.png)

如何通过全局拦截特定格式的url跳转 重写window.location.href window.open等跳转方式的进行拦截

"https://kubernetes.io/docs/concepts/containers/container-life..." (https://link.segmentfault.com/?enc=CbKmyJJCJfCKRakTQcNZOg%3D%3D.FlQHEQNJyVgVA6AyfPZYbm7H0C%2F%2FR2noNserhL8V%2FvrRGweDzx5iuvY2Y8jSruxuUZBSqIk3Qgk7kawKqHNgT9evusajbKevrbY%2BQDZbT5g%3D) «PreStopThis hook is called immediately before a container is terminated due to an API request or management event such as a liveness/startup probe failure, preemption, resource contention and others. A call to the PreStop hook fails if the container is already in a terminated or completed state and the hook must complete before the TERM signal to stop the container can be sent. The Pod's termination grace period countdown begins before the PreStop hook is executed, so regardless of the outcome of the handler, the container will eventually terminate within the Pod's termination grace period. No parameters are passed to the handler.»

一个两个示例都是这样写的，pip也无法安装sdcard "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241022/0021c7cc5dd82e6b25908763f58bdaeb.png)

retained size指的是A对象被回收时,总共可以回收的内存大小 当B对象被其他对象引用后,A对象回收后不能使B对象也回收,所以retained size不会包含B对象的内存大小

请问如何制作一个H5网站让别人分享，并且能按照URL的参数区分是谁分享，多少个微信或是IP查看访问、访问多久? 如 A员工: 分享link : "https://xxxxxx.com?token=AAAAAAA" (https://link.segmentfault.com/?enc=wylFds1TFALG%2Be0Z5A13Mg%3D%3D.%2BwiJBrMb3kWIbRkFtqccSSrwEtAen2K9H%2BBxC25civ%2FJqzv6UJCzrfQQ87rIWfTv), 不重复微信访问人 : 400人，不重复IP访问 20人，平均访问时间 : 5 秒。 B员工: 分享link : "https://xxxxxx.com?token=BBBBBBB" (https://link.segmentfault.com/?enc=1YPbdsruR6QtN%2B78K3PA1g%3D%3D.d0qvZoFZVIA6gtJU1ynCK%2F%2B2RRkT%2B6sKuZSNsCnAGqyBIeEnxlsFxEjOKUnzxiOu), 不重复微信访问人 : 100人，不重复IP访问 30人，平均访问时间 : 4 秒。 。 是否有现成的工具能实现，或是费用低的解决方案。

ts文件中，Math.round和parseInt函数中包裹同样的表达式，为什么parseInt方法会有报错？ const current = 10; const sumData = 30; const roundData = Math.round(current / sumData); const intData = parseInt(current / sumData) Math.round正常编译，parseInt编译报错

做"百度前端技术学院对象原型继承" (https://link.segmentfault.com/?enc=pmV6bgSoGtrYtmQyYH5UlA%3D%3D.Gw7eQG1aTBoOx8W5zqh3VgzZTIyeiP2kEuwnwBSGMvy3Ok7GKYdNVqXnXW5NWsfozbbaUKt4Hr773DTz%2Fo%2F9A8prPndzJcmYMs9MPGX4bLZPxFPE%2BS1Y3dGa5GZ4IcGr)时，对这个问题题目的不解 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/a57e5fabe107dd83486468ab74d60246.png) 我理解的继承应该是这样的，通过原型链将函数的"prototype"链接起来，当生成一个新的实例("new")的时候，再将该实例加入到原型链中，从而实现对一些方法或属性的复用。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/ded7ed32face64a7472ec6cf6094cbf3.png) 而看这里的描述是直接将构造函数"Teacher"的"prototype"指向了"Person"。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/150941dd616b0e9b96008dc635039cbc.png) Teacher 构造函数继承 Person 所有的属性和方法 Teacher 的原型指向 Person 对于这里的测试用例也不太理解 var teacherWang = new Teacher("Miss Wang", "28", "English"); //获取 obj 的原型对象 function getProto(obj) { // your code here } console.log(getProto(teacherLiu)); // -> Teacher 这里的返回值为什么是"Teacher"呢？我们通过new创建的一个对象，它的"[[Prototype]]"应该是"Teacher.prototype"才是。 在这个描述中，出现了"原型"和"原型对象"两个名词，"原型"应该是说的是"prototype","原型对象"说的应该是"[[Prototype]]",这俩个翻译的出处在哪里呢？为什么要用这两个词来区分它们呢？

你都用 "store" 了，设置 "localStorage" 的时候同时也操作修改一下 "state" 的值不行么……为啥一定要用 "ls" 绕一下。

数据库有一个学生表t_student有两个字段 id, name 我想找出name相同的所有数据的id，并根据name排序，好做对比。如 id | name ---|--- 1 | 张三 2 | 李四 3 | 张三 4 | 王五 5 | 王五 我想找出的数据是 id | name ---|--- 1 | 张三 3 | 张三 4 | 王五 5 | 王五 写下的sql如下 select id, name from t_student where name in (select name from t_student where name is not null group by name having count(*) > 1) order by name; 虽然能得到想要的数据，但是查询的速度很慢。要6s左右。 后面发现这种写法，在数据量大时，查询时间能缩短10倍以上。由6s -> 0.6s。而区别是多了个中间表。 select id, name from t_student where name in (select t.name from (select name from t_student where name is not null group by name having count(*) > 1) as t) order by name; 为了判断是否是中间表的创建导致的查询效率的提升，我换了一种写法 select ts.id, ts.name from t_student ts inner join (select t.name from t_student where name is not null group by name having count(*) > 1) as t on ts.name = t.name order by name; 通过创建中间表然后join的方式，还是很快，大概也是0.6s。 我想知道为什么这样，创建中间表为什么会比不创建要快这么多

这玩意直接用地图吧

正确说要找开发人员解决，应该是部署有问题，看看error.log，看具体的错误信息，才好解决

*n *n activeBar 和 item 的数量均不固定，请问能否通过 css 的方法选择到第一个 item.item:first-child，只适用于父元素第一个且类名为 item 的元素 :first-of-type，只适用于标签

能否从github上只下载项目的一个commit? 我想学习一下github那些好的项目是怎么写的。但是这些项目都经过多迭代了很多次，非常的复杂，自己能力也一般，无从下手。就想着看看最早提交的commit，并在本地尝试运行一下。但是整个项目很大，下载下来一来浪费时间，二来也占空间，我只想要这个commit，有没有什么办法？ 可以根据这个"commit" (https://link.segmentfault.com/?enc=DrMN7mLVcHKYca1DnLz47w%3D%3D.AVKBkSxYbIsYelHfO3QjqEiI3pUxNVnduMXwGucNuHK%2FspqIPF3F5aX0%2BJGKsJoaFn%2FKhCSHLUKEpl81uFD5m8zv6KUjTS1EXpQsm%2BXhrHEtBB81hDY7x4jw8hHLWDJx)来说明该如何做。

随便搜一下就有了吧。 git config --global core.quotepath false * "解决git status显示中文文件名乱码问题 - 南木阁 - SegmentFault 思否" (https://segmentfault.com/a/1190000020807726)

"const geometry = new THREE.BoxGeometry(100, 100, 100);" "light.position.set(100, 100, 30);" 从坐标看，这个点光源在 Box 的内部 Box 加上了材质，内部的光也透不出来，所以就没效果了

有2个前后端分离的项目，前端代码分别使用webpack和vite进行构建。 因为服务器某些改动影响，导致在环境上前端的静态资源文件加载可能会出现随机性的偶然失败（SSL认证失败），问题根因是已知的，现在考虑前端侧如何去规避。 使用webpack构建的项目可以使用 "webpack-retry-chunk-load-plugin" 规避。 但是vite好像搜不到类似的插件可以实现？

1. 可以是苹果自己库，也可以是第三方 2. framework 和 library的区别最的不同是否动态加载哈

一个发布项目用的接口，需要做这些操作： 1. 检查此项目的状态，是否可以发布（只有未发布过的才可以发布） 2. 后端上传文件（可能有很多个文件，现在一个请求是最多 10 并发上传）到云服务（对象存储），文件不在前端，在后端，发布之前不允许提前将这些文件传到云对象存储 3. 文件全都上传成功后，改写此项目状态为已发布 4. 返回结果，前端结束 loading 状态，提示发布成功 请问这个接口应该怎么设计？因为整体比较耗时，有可能在中间上传文件的过程中失败。 我先谈下我的理解： 1. 检查项目状态的时候，就加上悲观锁，不允许其他请求读取此项目的状态 2. 上传的过程中，如果有失败，就返回失败信息，结束此请求 3. 都成功的话，就改写项目状态后，解锁，其他请求可以继续

大佬们，问一下原生小程序上传图片，如果newData = dataDict[1] 为什么只能把type为5的传上去，后面那一组就传不上去了。最后一张图是后端要的数据格式"data数据" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241003/e3aa5944e8e9771fea6f77b326f663b2.png)"后端要的" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241003/a464c099ed07aa8ff483ac0afd7f6773.png) uploadImg (fileList,fileList1,fileList2,fileList3) { // 定义一个对象字典，存储不同的数据 const dataDict = { 0: { Pics: [ { type: 1, pic: fileList }, { type: 2, pic: fileList1 }, { type: 3, pic: fileList2 }, { type: 4, pic: fileList3 } ] }, 1: { Pics: [ { type: 5, pic: fileList }, { type: 6, pic: fileList1 } ] }, }; const newData = dataDict[this.data.ofIndex] || { Pics: [] }; const data = newData; let UpUrl; var config =(wx.getStorageSync('config')); if (this.data.ofIndex == 0 || this.data.ofIndex == 1 || this.data.ofIndex == 2 || this.data.ofIndex == 3) { UpUrl = config.host+'/api/GL/AddXMGLSectionInf'; console.log("121",UpUrl); } else if (this.data.ofIndex == 4 || this.data.ofIndex == 5) { UpUrl = config.host+'/api/GL/AddXMGLSectionInfFireHydrantValvePitMap'; } data.Pics.forEach((picObj, picIndex) => { return picObj.pic.forEach((picItem, index) => { console.log("picObj---->",picObj); let formData = { [`Pics[${picIndex}].type`]: picObj.type, 'ProjectNo': this.data.projectsNumber, 'ProjectName': this.data.projectsName, 'Source': this.data.Source, 'ProjectType': 2 }; wx.uploadFile({ url: UpUrl, filePath: picItem.url, name: `Pics[${picIndex}].Pic`, formData: formData, success(res) { console.log("上传成功", res); // 上传成功后的处理逻辑 } }); }); }); }, 我尝试过把 ["Pics[${picIndex}].type"]: picObj.type, 改为"Pics[${Index}].type"]: picObj.type, name: "Pics[${picIndex}].Pic",改为name: "Pics[${Index}].Pic"，这样只能传每组的第一张，后面几张就传不上去了。希望大佬可以帮我解决

图片缩放可以用这个插件："https://vuejsexamples.com/vue2-component-for-resizable-rotabl..." (https://link.segmentfault.com/?enc=21j%2F7tQBKPqDKXmAWsi36w%3D%3D.HZx26881atZGam2ALZhQcmOm8qybIYafsdnsf4bUPaUj1C8sxEl83D3gq0g8aKOj4ldo4ifW%2B2J7c1H4JRWEBGpVTAjV8584V0ziM%2BASBWhwCInqi3RpWb4Jdia8h%2FWx)

你这里貌似没有暴露容器的端口。 https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241001/9daf7f224225e13f842e693028dada93.png

vuetify3的v-data-table-virtual表格中的表头如何禁用排序？ 以下是目前的代码 {{ item.expense }} (修繕含) script： headers: [ { title: '', key: 'time', sortable:false, }, { title: '年間収入', key: 'income' }, { title: '年間支出', key: 'expense' }, { title: 'CF', key: 'cashFlow' }, { title: '累計CF', key: 'cumulativeCashFlow' }, { title: '最終売却損益', key: 'lastFlow' } ], 根据官方给出的文档，我把sortable设成false。但是实际上表头还是能排序，可能是哪里出了问题吗？ 顺带一个问题，为什么文档里给出的说明都写着readonly？这个属性不应该是可以写的吗。以下官方文档的片段。 readonly sortable?: boolean | undefined readonly sort?: DataTableCompareFunction | undefined readonly sortRaw?: DataTableCompareFunction | undefined readonly filter?: FilterFunction | undefined vuetify table的链接："https://vuetifyjs.com/zh-Hans/api/v-data-table-virtual/#props" (https://link.segmentfault.com/?enc=neC7sK%2B0b4dd7l67wuJFzQ%3D%3D.UHSSLENE7lVMLOtd6R8UOUlAP8dOvjcqc6jfGIud2MkGw87eCH9r84aFNJKo0PgqDcwzYmXuQCENZZKCx2v3Sw%3D%3D)