封装axios与express加密token

import axios from 'axios'
axios.interceptors.request.use(success => {
    
    
  var arr = []
  document.cookie.split(';').map(res => {
    
    
    arr = arr.concat(res.split('='))
  })
  success.headers['token'] = arr[arr.length - 1]
  return success
}, err => {
    
    
  // console.log(err)
  return err
})
axios.interceptors.response.use(success => {
    
    
  // console.log('header',success.headers)
  document.cookie = `token=${
      
      success.headers['setcookie']}`
  return success
}, err => {
    
    
  console.log(err)
  return err
})
let cancelToken = axios.CancelToken
class Http {
    
    
  cancelToken = false // false不取消发送 true 取消发送
  self = this
  header = {
    
    
    timeout: 3000,
    url: '',
    baseURL: '',
    method: '',
    params: '',
    data: '',
    responseType: 'json',
    cancelToken: '',
    headers: {
    
    
      name: 1
    },
    withCredentials: false,
    onUploadProgress: progressEvent => {
    
     // 上传监听
      let complete = (progressEvent.loaded / progressEvent.total * 100 | 0) + '%'
      console.log('123',complete)
    }
  }
  constructor() {
    
    
    this.get = this.getInfo
    this.post = this.postInfo
    this.fileupload = this.fileuploadInfo
    this.fileUploadProgress = this.fileProgress
  }
  cancal() {
    
    
    this.header.cancelToken = new cancelToken(function (res) {
    
    
      res('取消发送')
    })
  }
  fileProgress(url, data, header,cancal = false) {
    
    
    if (cancal) {
    
    
      this.cancal()
    }
    return axios.post(url, data, Object.assign(this.header, {
    
    
      ...header,
      "content-type": "multipart/form-data"
    }))
  }
  getInfo(url, data, cancal = false) {
    
    
    if (cancal) {
    
    
      this.cancal()
    }
    this.header.url = url
    this.header.params = data
    this.header.method = 'get'
    return axios({
    
    
      ...this.header
    })
  }
  postInfo(url, data, cancal = false) {
    
    
    if (cancal) {
    
    
      this.cancal()
    }
    this.header.url = url
    this.header.data = data
    this.header.method = 'post'
    return axios({
    
    
      ...this.header
    })
  }
  fileuploadInfo(url, form, cancal = false) {
    
    
    if (cancal) {
    
    
      this.cancal()
    }
    this.header.url = url
    this.header.data = form
    this.header.method = 'post'
    this.header.responseType = 'json'
    return axios({
    
    
      ...this.header
    })
  }
}
const api = new Http()
export default api

后端express
加密文件

var crypto = require('crypto')
function aesEncrypt(data, key) {
    
    
  const cipher = crypto.createCipher('aes192', key);
  var crypted = cipher.update(data, 'utf8', 'hex');
  crypted += cipher.final('hex');
  return crypted;
}

function aesDecrypt(encrypted, key) {
    
    
  const decipher = crypto.createDecipher('aes192', key);
  var decrypted = decipher.update(encrypted, 'hex', 'utf8');
  decrypted += decipher.final('utf8');
  return decrypted;
}
module.exports = {
    
    
  aesEncrypt,
  aesDecrypt
}
var express = require('express')
var crypto = require('./crypto')
var app = express()
app.all('*', function(req, res, next) {
    
    
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Methods", "GET,HEAD,OPTIONS,POST,PUT");
  res.header("Access-Control-Allow-Headers", "token,name,age,Origin, X-Requested-With, Content-Type, Accept, Authorization");
  res.header('X-Powered-By','123')
  res.header('Access-Control-Expose-Headers','setcookie,X-Powered-By')
  next();
});
app.use('/html',(req,res) => {
    
    
  var cry = crypto.aesEncrypt('1212','123')
  res.header('setcookie', cry)
  console.log(crypto.aesDecrypt(cry,'123'))
  res.json({
    
    ok:200})
})


app.listen(3000,()=>{
    
    
  console.log('服务开启')
})

猜你喜欢

转载自blog.csdn.net/qq_43505774/article/details/112897313
今日推荐