如何使用AES加解密提高项目安全性

安装依赖并引入

yarn add crypto-es jsencrypt
CryptoES.mode： ECB、CBC（需要多加一个偏移量iv）

1
2
import CryptoES from 'crypto-es';
import JSEncrypt from 'jsencrypt';

注： 引入后报错 Can't resolve './JSEncrypt'

解决方法：

  • 原始webpack配置修改
    1
    2
    3
    4
    5
    6
    7
    // webpack配置 module.rules添加
    {
        test: /\.m?js/,
        resolve: {
            fullySpecified: false
        }
    }
more >>

展开全文 >>

create-react-app / UmiJS创建React项目

一、create-react 创建项目

  • create-react-app 是基于 webpack 的打包层方案，包含 build、dev、lint 等，他在打包层把体验做到了极致，但是不包含路由，不是框架，也不支持配置。

1、全局安装crate-react-app

  • npm i create-react-app -g

2、创建项目

创建普通项目

  • create-react-app myreact

创建 ts项目

  • yarn create react-app myreact --template typescript
  • 默认安装 react 18.x，出现UI组件引用ts报错
more >>

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

很惭愧，只做了一点微小的工作。<br/><br/>You got a dream...<br/> You gotta protect it... -- Will Smith<br/><br/>路漫漫其修远兮，吾将上下而求索！<br/>Just do it!<br/><br/>你瞧这些白云，聚了又散，<br/>散了又聚，人生离合，亦复如斯。<br/><br/>I'm not perfect, but you should<br/> have waited.I was worth it.