ByteNote LogoByteNote

Navigation

  • Blog
  • 工具

    © 2025 ByteNote. All rights reserved.

    Drawio docker-compose traefik demo

    Oct 12, 20227 min read
    #This compose file adds diagrams.net (ex draw.io) to your stack
    version: '3.5'
    services:
      drawio:
        image: jgraph/drawio
        container_name: drawio
        networks:
          - proxy
        restart: unless-stopped
        labels:
          - "traefik.enable=true"
          - "traefik.docker.network=proxy"
          - "traefik.http.routers.draw.entrypoints=websecure"
          - "traefik.http.routers.draw.rule=Host(`draw.x.com`)"
          - "traefik.http.services.draw.loadbalancer.server.port=8080"
    
    networks:
      proxy:
        external: true
    
    

    相关文章

    Vue3 的v-if 的实现基本原理是什么?.

    Vue3 的 v-if 通过使用 render 函数和虚拟节点 (vnode) 实现条件渲染,并利用 Fragment、Teleport 和 Suspense API 支持复杂组件结构和视图交互。

    使用lsof查看端口占用情况

    使用lsof命令配合特定语法可以查看系统中特定端口的占用情况,但需要root权限或相应权限。

    Vue组件间通信方式

    本文介绍了Vue.js中的多种组件通信方法,包括Props传递数据、$emit使用、.sync和v-model语法糖、$parent和$children、$attrs和$listeners、Provide & Inject、Ref使用、EventBus以及Vuex通信。

    浏览器跨标签通信

    通过在`localStorage`中存储用户ID并监听`storage`事件,实现浏览器跨标签通信,以同步不同标签页的登录状态,提升用户体验。

    git 如何推送指定的远程分支?

    使用命令 `git push <remote> <local_branch>:<remote_branch>` 可以将本地分支推送到指定的远程分支。