江辰

博客

Nginx & Node.js & Express 配置 HTTPS

发布于 # Nginx

购买 以阿里云示例,免费 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

React 如何进行上传图片

发布于 # React

标签 <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 =

React全家桶建站教程-发布

发布于 # React

购买机器 这里以阿里云机器为例,其他云的机器也没问题,注意是 CentOS 系统即可。 如果没有机器的话,请购买。有机器请略过,直接往下看。 云盘:默认高效云盘 40G 下一步,默认配置,确认订单即可。 等待个 15 分钟左右,系统给你分配机器。 配置 修改密码 接着进入机器,选择实例。 然后点击管理。 修改密码在基本信息->更多->修改密码 配置安全组 点击本实例安全组,默认有一个安全组,点击配置规则。 点击右上角的快速创建规则,配置-1、80、22 端口 22 ssh 访问机器的端口 80 让你的 ip 地址可以通过 http 访问 -1 代表不限制端口 登录 通过机器公网 ip 和密码进行访问,访问成功之后会有上图提示。 安装 CentOS 自带 yum 命令,非常方便使用。 $ yum install nginx //安装 nginx $ yum i

React全家桶建站教程-Redux&Saga

发布于 # React

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

介绍 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'