Mr. Zhang Xiaojian's Blog

首先，我们需要安装axiosaxios：用于发起 HTTP 请求。qs：用于序列化复杂的查询参数，支持点号表示法（如user.namenprogress：用于显示加载进度条，提升用户体验。：提供一些常用的 UI 组件，如 Toast 提示框。我们根据不同的错误类型（如超时、网络错误、接口路径找不到等）生成相应的错误提示信息。通过Toast组件显示这些提示，用户可以清楚地了解发生了什么问题，并采取相应的行动。现在，我们可以在项目的其他地方使用这个自定义的 Axios 实例来发起 API 请求。

将每个版本的前端资源部署到独立的目录中，而不是直接覆盖现有的文件。通过修改服务器配置（如 Nginx 或 Apache）来动态指向最新版本的目录。使用自动化部署工具（如 Jenkins、GitLab CI/CD、Ansible 等）来简化部署流程，减少手动操作带来的延迟。蓝绿部署是一种常见的零停机部署策略，通过同时运行两个版本的应用程序来实现无缝切换。创建一个软链接指向当前版本的目录，在部署时只需更改软链接的目标即可。只更新发生变化的文件，而不是删除整个目录再重新上传。

在Vue工程化项目中，配置项目运行完成后自动在浏览器中打开是一项非常实用的功能，它能够显著提高开发效率。下面将详细介绍几种实现这一功能的方法。

【代码】vue项目配置多个代理。

dev测试环境 development 本地开发环境 production 生产环境 uat预发布环境。npm run build:dev 打包测试环境。npm run build:uat 打包预发环境。npm run build 打包生产环境。配置vue.config.js。配置package.json。在本地目录下新建文件。

【代码】Webpack cl4 配置。打正式包去掉注释/黄色警告/console.logautoprefixer 样式自动添加浏览器前缀：配置路径别名

三、将时间转换为 `几秒前`、`几分钟前`、`几小时前`、`几天前`（场景：聊天记录）date 当前时间，new Date() 格式。format 需要转换的时间格式字符串。

解决Window11 C:\Windows\System32\drivers\etc hosts 无法编辑问题