Sub-Web项目：实现Docker部署后记忆后端地址的方法

背景介绍

Sub-Web是一个基于Vue.js构建的前端项目，主要用于配置和管理subconverter后端服务。在实际使用中，很多用户通过Docker方式部署Sub-Web后，发现每次访问页面都需要重新输入后端地址，这给日常使用带来了不便。

问题分析

默认情况下，Sub-Web项目在每次刷新页面后都会重置后端地址为默认值（通常是127.0.0.1）。对于Docker部署的用户来说，这显然不符合实际需求，因为后端服务地址往往是固定的。

解决方案

方法一：修改默认后端地址

1. 定位配置文件：在Sub-Web项目中，后端地址的默认配置位于src/views/Subconverter.vue文件中

2. 修改默认值：在该文件中搜索defaultBackend配置项，将其值修改为你实际使用的后端地址

3. 重新构建：修改完成后，需要重新执行yarn build命令打包项目，生成的dist目录即为更新后的发布目录

方法二：实现本地存储记忆功能

对于更灵活的需求，可以考虑扩展功能实现地址记忆：

1. 使用localStorage：可以在前端代码中添加逻辑，将用户输入的后端地址保存到浏览器的localStorage中

2. 初始化检查：页面加载时，首先检查localStorage中是否有保存的后端地址，有则使用该地址，无则使用默认值

3. 更新机制：当用户修改后端地址时，同步更新localStorage中的值

实施建议

1. 开发环境修改：建议先在开发环境测试修改效果，确认无误后再进行正式部署

2. Docker镜像更新：如果使用自定义Docker镜像，修改后需要重新构建镜像并部署

3. 版本控制：对修改的文件做好版本标记，便于后续升级时处理

注意事项

1. 修改前端代码后必须重新构建才能生效
2. 如果后端地址变更，需要再次修改配置文件并重新部署
3. 对于生产环境，建议将这类配置外部化，而不是硬编码在代码中

通过以上方法，可以有效地解决Sub-Web项目在Docker部署后需要重复输入后端地址的问题，提升用户体验。