圆圈圈的博客

一、实现思路思路：1.引入环境配置，根据启动环境 的mode不同，调用不同的baseURL2.配置基础URL和请求超时时间3.对请求进行拦截处理，进行配置4.对响应进行拦截处理（需要和后端统一下，响应的格式）5.引入Promise，以promise形式将响应进行返回，方便调用二、核心代码/** * axios 二次封装 */import axios from "axios";import config from "../config";import { ElMessage }

背景描述：在项目开发中，经常一些日志预览，还有文件的预览，需要进行代码高亮显示。这样可以让文本内容展示的时候显得更加友好，也便于阅读效果类似markdown语法的代码高亮，如下： <TestPlan guiclass="TestPlanGui" testclass="TestPlan" testname="自动化测试"> <stringProp name="TestPlan.comments"></stringProp> <b

我们要实现的需求，在表格action栏，按钮以图标形式展示，移动到图标上有对应的按钮操作提示。因为页面复用的比较多，所以对图标根据业务需求进行了二次封装组件代码结构如下index的内容：<template> <!-- 新增 --> <template v-if="type==='add'"> <a-tooltip :title="text" color="#87d068"> <a-button shape="ci.

Ant Design Vue官网中，给出的示例中，引用图标组件，需要在每个页面进行按需引入。下面给大家提供一个全局注册ant图标组件的一种方法。1.安装 @ant-design/icons-vue 图标组件包npm install --save @ant-design/icons-vue2.在main.js / main.ts进行注册引入import * as Icons from '@ant-design/icons-vue'import router from './router'im.

在main.js/ main.ts 文件对组件进行引入import QiButton from './components/QiButton/index.vue'const app = createApp(App)app.use(store).use(router)// 对组件挂载到app上，就不用每个页面单独引入了app.component('QiButton', QiButton)...

定义工具类// 格式化时间function FormatDate (time: string) { if (Tool.isNotEmpty(time)) { const date = new Date(time) // 注意js里面的getMonth是从0开始的 let FormattedDateTime = null const year = date.getFullYear() const month = (date.getMonth() + 1)