开发记录

一 封装axios遇到ts无法通过的解决办法:https://blog.csdn.net/wuyxinu/article/details/124175591

if (token) {
    if (config && config.headers) {
      config.headers = config.headers || {}
      config.headers.Authorization = `Bearer ${token}` as string;
    }
}

二: 登录element表单的兜底验证

首先获取表单的实例对象,里面有一个validate方法,可以进行验证

const loginFn = () =>  {
  ruleFormRef.value.validate((valid:any) => {
    if (valid) {
      console.log('登录成功')
    } else {
      console.log('登录失败')
    }
  })
}

三 : css宽高继承规则

http://t.zoukankan.com/chenshanyuanzi-p-7698867.html
宽度继承父元素,可以多层继承,高度不可继承( 宽度继承规则只适用于块元素,行内块或者行内元素都不行 )
块和行内块可以设置宽高,行内元素无法设置宽高( 只能由内容撑开, )

四 : ts文件中使用pinia,或者ts文件中使用插件,需要另外引入比如vue-router中使用pinia

import { userStore } from '@/store/user' // 引入state文件
import pinia from '@/store/index' // 引入pinia
// 使用
const store = userStore(pinia)
console.log(store)

五:解决跨域的问题

server: {
    host: "0.0.0.0", //打开显示本地地址
    open: true,// 是否自动启动浏览器
    port: 3000,//端口号
    proxy: { // 本地开发环境通过代理实现跨域
      // 正则表达式写法
      '/api': {
        target: 'http://ihrm-java.itheima.net/', // 后端服务实际地址
        changeOrigin: true, //开启代理
        rewrite: (path) => path.replace(/^\/api/, '')
      }
    }
  }

六 : 正则表达式
https://zyc88.blog.csdn.net/article/details/98479629