2025-40st-w-日常开发总结

2026-01-04 13 阅读1分钟

modal 踩坑

这其实也没啥，就是没注意到，把modal组件放到了v-for里面，然后通过同一个变量去控制的话，由于是同一个变量，虽然看起来弹窗只有一个，但是里面的逻辑却执行了多次


<div v-for>
<checkHandle
  v-if="checkVisible"
  v-model:visible="checkVisible"
  v-model:record="curRecord"
/>
 </div>

解决方案就是把modal组件移出来，然后不用同一个对象里的const obj = ref({visibile:false})，而是 const visible = ref(false)。这种方式就好了

provide 使用误解。如果父组件provide的变量是一个响应式变量，父组件内该变量变化

如果只是显示数据，直接使用即可，无需监听。
如果需要根据注入值生成新的数据，使用计算属性。
如果需要在注入值变化时执行副作用，才使用监听。

打包后，接口请求不到的问题

//.env.production  

VITE_STATIC_URL = /dgic-front/  一个是二级路由

VITE_APP_URL = /dgic-backend-business  一个是代理的路径，也就是等同于这里的配置，

proxy: {
  "/api": {
    target: "http://xxx/dgic-backend-business",
    changeOrigin: true,
    rewrite: (path) => path.replace(/^/api/, "")
  }

```