购买
以阿里云示例,免费 SSL 证书购买地址:https://common-buy.aliyun.com/?spm=5176.2020520163.cas.1.zTLyhO&commodityCode=cas#/buy
补全
购买好证书之后,进行资料补全。 1.输入域名 2.填写资料 3.域名验证类型,选择 DNS 4.系统生成 CSR
下载
补全好之后,进行下载证书
Nginx 配置
1.在 nginx 目录下新增 cert 目录 2.把下载好的包上传至 cert 目录下 3.修改 nginx.conf,替换为以下内容
server {
listen 443;
server_name localhost;
ssl on;
root html;
index index.html index.htm;
ssl_certifica
标签
<input
id="upload-file"
accept="image/*"
type="file"
ref="upload"
hidden="hidden"
onChange={this.upload.bind(this, 1)}
/>
input //标签的 type 设置为 file 属性
accept //属性,支持很多类型,这里设置为只上传图片
hidden //隐藏文字,做下面这种效果的时候,就需要隐藏文字。
onChange //上传完成后的回调
JS 代码
upload() {
let files;
files = this.refs.upload.files
let count = files.length;
let formData = new FormData();
for (let i =
购买机器
这里以阿里云机器为例,其他云的机器也没问题,注意是 CentOS 系统即可。
如果没有机器的话,请购买。有机器请略过,直接往下看。
云盘:默认高效云盘 40G
下一步,默认配置,确认订单即可。
等待个 15 分钟左右,系统给你分配机器。
配置
修改密码
接着进入机器,选择实例。
然后点击管理。
修改密码在基本信息->更多->修改密码
配置安全组
点击本实例安全组,默认有一个安全组,点击配置规则。
点击右上角的快速创建规则,配置-1、80、22 端口
22 ssh 访问机器的端口
80 让你的 ip 地址可以通过 http 访问
-1 代表不限制端口
登录
通过机器公网 ip 和密码进行访问,访问成功之后会有上图提示。
安装
CentOS 自带 yum 命令,非常方便使用。
$ yum install nginx //安装 nginx
$ yum i
Redux 介绍
Redux 是 JavaScript 状态容器,提供可预测化的状态管理。Redux 除了和 React 一起用外,还支持其它界面库。 它体小精悍(只有 2kB,包括依赖)。
方法
action //通过 action 把数据传递给 reducer
reducer //纯函数式,负责把数据发送给 render
dispatch //触发器
store //数据源
Redux 例子
https://github.com/xuya227939/blog/tree/master/examples/react-redux/my-app
Redux 安装
$ sudo npm install -g create-react-app
$ create-react-app my-app
$ cd my-app
$ npm install --save redux
使用
1.修改 Ap
介绍
React Router 是一个基于 React 之上的强大路由库,它可以让你向应用中快速地添加视图和数据流,同时保持页面与 URL 间的同步。
例子
https://github.com/xuya227939/blog/tree/master/examples/react-router/my-app
安装
$ sudo npm install -g create-react-app
$ create-react-app my-app
$ cd my-app
$ npm install react-router-dom
使用
1.引用的官方代码,在 App.js 插入以下代码
import React from 'react'
import {
BrowserRouter as Router,
Route,
Link
} from 'react-router-dom'