ices1 / talk Goto Github PK

    
    getFile(event) {
        this.file = event.target.files[0];
        console.log(this.file);
    },

    submitForm(event) {
      event.preventDefault();
      let formData = new FormData();
      formData.append('name', this.name);
      formData.append('age', this.age);
      formData.append('file', this.file);

      let config = {
        headers: {
          'Content-Type': 'multipart/form-data'
        }
      }

      axios.post('/api/register', formData, config)
      .then((res) => {
        if (res.status === 200) {
          /*这里做处理*/
        }
      })
    },

    getFile2 (event) {
      let file = event.target.files[0]
      let reader = new FileReader()
      let img = new Image()
      // 读取图片
      reader.readAsDataURL(file)
      // 读取完毕后的操作
      reader.onloadend = (e) => {
        img.src = e.target.result
        // 这里的e.target就是reader
        // console.log(reader.result)
        // reader.result就是图片的base64字符串
        this.base64 = reader.result
      }
    },
    submitForm() {
      axios.post('api/upload', base64)
        .then(res => {
          // ...
        })
    }

//引入文件模块
const multer = require('multer')
const upload = multer({dest: path.join(__dirname, 'user-uploaded')})

// 暴露存放地址接口
app.use('/api/avatars', express.static('./user-uploaded'))


// 注册，写入
app.route('/api/register')
  .get((req, res, next) => {
    // ...
  })
  .post(upload.single('avatar'), async (req, res, next) => {
    let isExistUser = await db.get( 
      'SELECT id FROM users WHERE username = ?', req.body.username )
    if (isExistUser) {
      res.jsonp({status: 403, data :{message: '这个名字已经被注册咯，换个试试吧 &_& '}})
    } else {
      // 设定默认头像
      if (!req.file) {
        req.file = await db.get('SELECT avatar FROM users WHERE username = ?', '牛魔王')
        req.file.filename = req.file.avatar 
      }
      // 写入 数据（头像req.file.filename ）
      await db.run(
        'INSERT INTO users (username, password, timestamp, avatar, email) VALUES (?, ?, ?, ?, ?)',
        req.body.username, req.body.password, Date.now(), req.file.filename, req.body.email)

      res.send({message: '注册成功'})
    }
  })

  // 调用
  // localhost：3002/api/avatars/xxxx

  Request header field Content-Type is not allowed by Access-Control-Allow-Header

  app.all('*', (req, res, next) => {
   //设置跨域访问
    res.header("Access-Control-Allow-Origin", "*")
   //设置请求头及类型
    res.header("Access-Control-Allow-Headers", "X-Requested-With")
    res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS")
    res.header("X-Powered-By",' 3.2.1')
    res.header("Content-Type", "application/json;charset=utf-8")
    next()
  })

  import qs from 'qs';

  // axios.post('/api/login', data)
  axios.post('/api/login', qs.stringify(data))
    .then(function (res) {
      console.log(res)
    })
    .catch(function (error) {
      console.log(error)
    })

// 对所有 axios 请求做处理（该处理为全局）
axios.defaults.withCredentials = true;

// 对单独的 axios 请求做处理
let {data} = await axios.get('//localhost:3000', {
  withCredentials: true
})

// res.header("Access-Control-Allow-Origin", "*")
 // 此处设置 * 无效，需要设定具体请求源
res.header("Access-Control-Allow-Origin", "http://localhost:1234")
res.header("Access-Control-Allow-Credentials", true)

    // include 仅缓存 Home 页面下的

      <keep-alive include="Home">
      // ：key 给 router-view 设置 key 属性为路由的完整路径
        <router-view :key="$route.fullPath" :isLogin='isLogin' @loginStatus='showLogin' />
      </keep-alive>