【解决方案】Ubuntu 20.04安装podman和podman-compose

1、添加仓库

# 添加仓库
sudo sh -c "echo 'deb http://download.opensuse.org/repositories/devel:/kubic:/libcontainers:/stable/xUbuntu_20.04/ /' > /etc/apt/sources.list.d/devel:kubic:libcontainers:stable.list"
wget -qO- https://download.opensuse.org/repositories/devel:/kubic:/libcontainers:/stable/xUbuntu_20.04/Release.key | sudo apt-key add -

# 安装
sudo apt update
sudo apt install podman

2、podman安装成功

3、下载podman-compose 1.0.6

https://pypi.org/project/podman-compose/1.0.6/#files

4、安装podman-compose 1.0.6后--version报错

pip install podman_compose-1.0.6-py2.py3-none-any.whl

podman_compose --version

5、vi ~/.bashrc,在文件末尾添加以下行

export PATH="/home/admin1/.local/bin:$PATH"

6、source生效

7、--version回显

### 实现 Vue 中浏览器关闭时清空 localStorage 的功能 在 Vue 项目中,可以通过监听 `onbeforeunload` `onunload` 事件来实现当浏览器关闭或刷新时触发特定逻辑。以下是基于提供的引用内容以及相关技术细节的解决方案。 #### 解决方案说明 为了满足需求——即在浏览器关闭时清空 `localStorage` 数据,可以利用 JavaScript 提供的全局事件 `onbeforeunload` `onunload` 来捕获用户的操作行为。具体来说: - **`onbeforeunload`**:该事件会在页面即将卸载前被触发,通常用于提示用户确认离开或者保存临时数据[^1]。 - **`onunload`**:此事件发生在页面完全卸载之后,适合清理资源或记录日志。 需要注意的是,仅通过上述两个事件无法区分用户到底是刷新了页面还是真正关闭了浏览器窗口。因此需要借助额外的状态管理机制(如 `sessionStorage`)来进行辅助判断[^3]。 #### 示例代码 下面是一个完整的实现方式,适用于 Vue 项目的场景: ```javascript export default { name: 'App', mounted() { // 页面加载完成后初始化状态检测 window.onload = function () { const isLogin = sessionStorage.getItem('ISlogin'); if (isLogin !== 'true') { // 如果未找到 ISlogin,则认为是浏览器重启后的首次访问 localStorage.removeItem('userInfo'); // 清除敏感信息 } }; // 当页面准备卸载时设置标志位 window.onbeforeunload = function () { sessionStorage.setItem('ISlogin', 'false'); // 默认设为 false 表示可能要退出 }; // 完全卸载后重置标志位 window.onunload = function () { sessionStorage.setItem('ISlogin', 'true'); // 确保下次正常加载能识别到标记 }; }, }; ``` 以上代码片段实现了以下目标: 1. 使用 `window.onload` 检查是否存在会话存储中的特殊键值 (`ISlogin`),如果不存在则删除本地存储的数据; 2. 在 `onbeforeunload` 阶段暂时移除该键值以便后续验证是否属于真正的关闭动作; 3. 最终由 `onunload` 负责恢复这个键值至初始状态以支持下一次循环运行正确性。 此外还可以考虑更优雅的方式处理多端同步等问题,比如引入 Vuex 或 Pinia 进行集中化管理通信[^4]。 --- ### 注意事项 尽管这种方法能够有效解决大部分情况下关于如何辨别用户实际意图的问题,但由于现代浏览器的安全策略限制,某些极端条件下仍可能出现误判现象。例如快速连续切换标签页可能导致部分回调函数未能及时响应等情况发生。 另外值得注意的一点在于不同平台间可能存在细微差异表现,所以在开发过程中务必充分测试兼容性鲁棒性。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值