发表于 | 分类于

配置 Nginx

1、准备工作

Nginx的安装依赖于以下三个包，意思就是在安装Nginx之前首先必须安装一下的三个包，注意安装顺序如下：

  • 1 SSL功能需要openssl库，直接通过yum安装: #yum install openssl
  • 2 gzip模块需要zlib库，直接通过yum安装: #yum install zlib
  • 3 rewrite模块需要pcre库，直接通过yum安装: #yum install pcre

2、安装Nginx依赖项和Nginx

  • 1 使用yum安装nginx需要包括Nginx的库，安装Nginx的库

    1
    rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm

  • 2 使用下面命令安装nginx

    1
    yum install nginx

  • 3 启动Nginx

    1
    #service nginx start

云服务器开启80端口

发表于 | 分类于

什么是跨越

跨域，指的是浏览器不能执行其他网站的脚本。它是由 浏览器的同源策略 造成的，是 浏览器 施加的安全限制。
直接在终端 CURL 或使用 http 请求工具(postman)访问接口是不存在跨域的。
所谓同源是指，域名 ，协议 ，端口 均相同，不明白没关系，举个栗子：

1
2
3
4
5
6
7
8
9
http://www.dev.com/index.html 调用 http://www.dev.com/server.php （非跨域）

http://www.dev.com/index.html 调用 http://www.pro.com/server.php （主域名不同:dev/pro，跨域）

http://test.dev.com/index.html 调用 http://api.dev.com/server.php （子域名不同:test/api，跨域）

http://www.dev.com:8080/index.html 调用 http://www.dev.com:8081/server.php （端口不同:8080/8081，跨域）

http://www.dev.com/index.html 调用 https://www.dev.com/server.php （协议不同:http/https，跨域）

请注意：localhost和127.0.0.1虽然都指向本机，但也属于跨域。

webpack 的 devServer 跨域原理

代码如下

1
2
3
4
5
6
7
8
9
10
11
12
devServer:{
  proxy: {
    '/api/*': {
      changeOrigin: true,
      target: 'https://testapi.qq.cn/',
      secure: false,
    }
  },
  disableHostCheck: true,
  inline: true,
  host: "0.0.0.0"
}

它的原理是，webpack 本身会创建一个 httpServer, 你浏览器所有访问 /api/ 的求情都会转发到 https://testapi.qq.cn/api，而不是直接通过浏览器向服务端发起请求的

关于配置

Nginx

1
2
3
4
5
add_header Access-Control-Allow-Origin "*";
add_header Access-Control-Allow-Headers "Content-Type";
add_header Access-Control-Allow-Credentials true;
add_header Access-Control-Allow-Headers X-Requested-With;
add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS;

如果 reponse headers 出现Access-Control-Allow-Origin "*, *", 必定是后端在业务代码中设置了header为*，请后端删除

Javascript

1
2
3
4
5
6
7
8
9
// 是否允许跨域请求
// no-cors, cors, same-origin
// 默认值：same-origin. 同域
mode: 'cors'

// 是否携带 Cookie
// include, same-origin, omit
// 默认值: omit. 不携带
credentials: 'include'

如果想要跨域，请不要设置 cookie 的携带，会报错：
在Access-Control-Allow-Credentials设置为true的时候，Access-Control-Allow-Origin不能被设置为通配符。
因为 cookie 是同源机制，不允许跨域。
不知道后端在业务代码中写 Access-Control-Allow-Credentials：true 会不会有效？

发表于 | 分类于

一、关于GraphQL

GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述，使得客户端能够准确地获得它需要的数据，而且没有任何冗余，也让 API 更容易地随着时间推移而演进，还能用于构建强大的开发者工具。

阅读全文 »

发表于 | 分类于

一、关于 node-orm2

ORM2是一款基于Node.js实现的ORM框架。
ORM指对象关系映射（英语：(Object Relational Mapping，简称ORM，或O/RM，或O/R mapping），是一种程序技术，用于实现面向对象编程语言里不同类型系统的数据之间的转换。简单的说，ORM是通过使用描述对象和数据库之间映射的元数据，将程序中的对象自动持久化到关系数据库中。

阅读全文 »

发表于 | 分类于

原文地址：https://weibo.com/ttarticle/p/show?id=2309404257709301067955

亲爱的经济学院、金融学院的全体毕业生同学，尊敬的毕业生家长，经济学院的各位领导和老师，大家下午好！

大家可能注意到，与以往不同，今天我准备了个讲话提纲，因为我认真地做了一些准备，权当是我给各位同学们上的最后一堂课，也包含着对各位同学的嘱托。

今天我想讲三个方面的问题：第一是中美贸易战对我们意味着什么？第二是我们应当从中吸取什么样的教训？第三是想借此机会谈几点对同学们未来工作、生活的嘱托和希望。

阅读全文 »

发表于 | 分类于

介绍

Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具. 在前端开发的过程中，一大部分的工作是写 HTML、CSS 代码。特别是手动编写 HTML 代码的时候，效率会特别低下，因为需要敲打很多尖括号，而且很多标签都需要闭合标签等。于是，就有了 Emmet，它可以极大的提高代码编写的效率，它提供了一种非常简练的语法规则，然后立刻生成对应的 HTML 结构或者 CSS 代码，同时还有多种实用的功能帮助进行前端开发。
VsCode内置了Emmet语法,在后缀为.html/.css中输入缩写后按Tab键即会自动生成相应代码

阅读全文 »

发表于 | 分类于

Mongoose 是在 node.js 环境下对 mongodb 进行便捷操作的对象模型工具

什么是 Mongoose

官网

中文文档 v4

Mongoose 是在 node.js 环境下对 mongodb 进行便捷操作的对象模型工具

阅读全文 »