深刻簡出的nginx

深刻簡出的nginx

• hosts的簡單介紹

• 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