docker连接mysql数据库、vue白名单、拦截器、动态表单

docker run -d -p3307:3306 --name mysql -e MYSQL_ROOT_PASSWORD=“password” docker.io/mysql

前端白名单过滤

// 白名单过滤
router.beforeEach((to, from, next) =>{
    var white = ['/reg', '/login']
    if (white.indexOf(to.path) >= 0){
        next()
    } else {
        var token = localStorage.getItem('token')
        if (token){
            next()
        } else {
            router.push('/login')
        }
    }
})

请求拦截器

// 拦截器请求前
axios.interceptors.request.use(config => {
   
    console.log('请求前的拦截器：', config)
    var token = localStorage.getItem('token')
    if (token) {
   
        config.headers['token'] = token
    }
    return config
})

响应拦截器

//响应拦截器
axios.interceptors.response.use(function (response) {
   
  // 在接收响应做些什么，例如跳转到登录页
  console.log('响应拦截器的响应:', response)
  if (response.data.code == 403){
   
    router.push('/login')
    return response
  }else{
   
    return response
  }
  
}, function (error) {
   
  // 对响应错误做点什么
  return Promise.reject(error);
});

动态表单

<template>
  <div>
    <el-button type="primary" size="mini" @click="inputAdd">+添加</el-button>
    <div v-if