深入简出的nginx

hosts介绍

谈到nginx我们不得不说hosts

hosts的存放在C:\Windows\System32\drivers\etc中的一个文件 做前端工作的一般都知道如果想在本地起一个服务我们必须在当前文件夹在打开黑窗口输入 anywhere这条命令 但显示出来的是http://192.152.0.39:8000/这样的地址 其实我们想要的就是在本地直接输入我们的域名就能访问本地的html岂不是更好省的每次都要起一个anywhere这样多累啊!

这是我的hosts文件里配置127.0.0.1指的是本机地址

我在地址拦里敲我的域名 直接就出来效果了 是不是很帅啊!但实现以下效果我们就得说说nginx了

nginx介绍

nginx:是一个高性能的 HTTP 和 反向代理 服务器

下载

这是nginx的官网http://nginx.org/ 我们应该下载这个版本 nginx-1.10.3 他最新版版本是nginx-1.11.10但不是太稳定的毕竟他是测试版!

下载完nginx我们是可以直接用的

配置

在conf这个文件下有一个nginx.conf的文件我们需要配置一下

  1. 打开后可以看到它的代码大部分是注释掉的 是为了方便我们以后配置
  2. 在配置文件里有一段这样的代码 它就是我们要配置的文件(我已经配置好了)
server {
listen 80;#这个是默认的端口号
server_name www.changle.com;//这是我们要输入的网站域名 location / {
root E:\qianduan\www\www.changle.com;#这是你网站在本地的地址
index index.html index.htm;#它默认是index.html
}
}
  1. html已经配置好了 我们同样也得配置css和js imags 也要在hosts里配置自己的js css imags等域名
  2. 同时我们也要配置我们的nginx 文件 和配置html一样
server {
listen 80;
server_name css.changle52.com; location / {
root E:\qianduan\www\css.changle52.com;
}
}
server {
listen 80;
server_name js.changle52.com; location / {
root E:\qianduan\www\js.changle52.com;
}
}
执行

首先先了解一下nginx的常用命令

  • 启动服务 start nginx
  • 停止服务 nginx -s stop
  • 重启 nginx -s reload

如果以上的步骤都执行了 那就开始我们的神奇之旅吧!

  1. 需要我们在nginx的文件夹下打开命令窗口 先启动服务 start nginx

  2. 这样我们就启动了nginx服务器了 我们就能实现我们刚才在网站地址上的效果了

  3. 如果我们更改了nginx.conf这个文件 我们需要重启服务nginx -s reload

问题

在我们用nginx的时候会遇到最大的问题是缓存 缓存对于用户来说是非常好的 但是对于程序员来说是非常苦B的事情所有我们要清除缓存

  1. 我们可以停止服务器 在启动服务器这样就不会有命令拦里的窗口缓存的问题了(这里停止服务器是在任务管理器上也必须没有nginx的痕迹)
  2. 浏览器的缓存 我们用nginx的时候需要把浏览器的历史记录全部删除
  3. 在页面上我们请求css js 文件的时候可以在连接后面加上?xxxxx x必须每次不同
<script src="http://js.changle52.com/index.js?1" charset="utf-8"></script>

每次不断的该?后面的值 这样就能避免浏览器的缓存问题了

这就是我们深入简出的nginx

深入简出的nginx的更多相关文章

  1. Vuex 2.0 深入简出

    最近面试充斥了流行框架Vue的各种问题,其中Vuex的使用就相当有吸引力.下面我就将自己深入简出的心得记录如下: 1.在vue-init webpack project (创建vue项目) 2.src ...

  2. 大数据系列博客之 --- 深入简出 Shell 脚本语言(高级篇)

    首先声明,此系列shell系列博客分为四篇发布,分别是: 基础篇:https://www.cnblogs.com/lsy131479/p/9914747.html 提升篇:https://www.cn ...

  3. 深入简出mysql--第一部分

    第二章: 1.sql分类 DDL(Data Definition Languages)语句:数据定义语言,这些语句定义了不同的数据段.数据库.表.列.索引等数据库对象的定义. 常用的语句关键字主要包括 ...

  4. 大数据系列博客之 --- 深入简出 Shell 脚本语言(提升篇)

    首先声明,此系列shell系列博客分为四篇发布,分别是: 基础篇:https://www.cnblogs.com/lsy131479/p/9914747.html 提升篇:https://www.cn ...

  5. 大数据系列博客之 --- 深入简出 Shell 脚本语言(基础篇)

    首先声明,此系列shell系列博客分为四篇发布,分别是: 基础篇:https://www.cnblogs.com/lsy131479/p/9914747.html 提升篇:https://www.cn ...

  6. 分布式处理框架MapReduce的深入简出

    1).MapReduce的概述 2).MapReduce 编程模型 3).MapReduce架构 4).MapReduce编程 Google MapReduce论文,论文发表于2004年 Hadoop ...

  7. YARN 的深入简出

    1.YARN的产生背景 2.YARN的执行流程 3.YARN的概述 4.YARN的环境搭建 5.YARN的架构 6.如何提交作业到YaRN上执行 YARN的产生MapReduce1.x存在多种问题单节 ...

  8. hadoop深入简出(二)

    1.上传文件 Hadoop fs -put hello.txt / 2.查看上传的文件 hadoop fs -ls / hadoop fs -text /hello.txt 两个命令都可以 3.创建文 ...

  9. HDFS之深入简出(一)

    分布式文件系统HDFS 一:概述 1.HDFS设计目标 2.HDFS核心组件 3.HDFS副本机制 4.HDFS环境搭建 5.HDFS shell命令  java api 6.HDFS读写流程 7.H ...

随机推荐

  1. 9.TCP:传输控制协议

    1.TCP功能     TCP向应用层提供面向连接的.可靠的字节流服务.TCP可以认为是一个没有选择确认或否认的滑动窗口协议.     TCP将用户数据打包构成报文段:它发送数据后启动一个定时器:另一 ...

  2. iOS 解决一个复杂bug 之 计分卡

    由于该模块界面和业务逻辑都很复杂,并且整个界面设计和业务逻辑都在ViewController(下面简称为VC)里面完成.该VC共有3000多行,一个函数几百张的也有.所以,解决起来真是头疼. 1. 问 ...

  3. 一个简单版的波纹css3动画

    ul{width: 300px;border: red;}ul li{width: 300px;height: 70px;line-height: 70px;background: #fff;text ...

  4. 常用的JavaScript字符串处理函数及用法

    最近参加了几次前端实习生招聘的笔试,发现很多笔试题都会考到字符串的处理,比方说去哪儿网笔试题.淘宝的笔试题等,如果你经常参加笔试或者也是一个过来人,相信你也跟我一样,发现字符串的处理是前端招聘过程中最 ...

  5. CentOS 7.0编译安装Nginx1.6.0+MySQL5.6.19+PHP5.5.14方法分享

    一.配置防火墙,开启80端口.3306端口 CentOS 7.0默认使用的是firewall作为防火墙,这里改为iptables防火墙. 1.关闭firewall: systemctl stop fi ...

  6. --@angularJS--指令与控制器之间的交互demo

    1.index.html: <!DOCTYPE HTML><html ng-app="app"><head>    <title>c ...

  7. Python中执行系统命令常见的几种方法--转载

    Python中执行系统命令常见的几种方法 Python中执行系统命令常见的几种方法有: (1)os.system # 仅仅在一个子终端运行系统命令,而不能获取命令执行后的返回信息 # 如果再命令行下执 ...

  8. thinkphp 3.2 模型的使用示例

    原来以为thinkPHP的 model 就和PHPCMS一样  就起到一个连接数据库的作用,今天看了视频,才发现这个也是 mvc中的m 使用方法可以使用 D() 方法 下面是 UserControll ...

  9. 验证浏览器是否安装已flash插件的js脚本

    function flashChecker() { var hasFlash = 0; //是否安装了flash var flashVersion = 0; //flash版本 if(document ...

  10. Raphael的set使用

    Raphael的set使用 $(function() { initRaphael(); }); function initRaphael(e) { var paper = Raphael(0, 0, ...