安裝vue http://blog.51cto.com/aaronsa/2064466

Nginx
---------------------------------------
一.課程介紹

1.應用場景
2.虛擬主機（IP,端口，域名）
3.反向代理
4.負載均衡

openresty(基於Nginx 封裝的)

nginx+lua 性能牛B！
openresty 安裝
nainx+lua簡單的開發

---------------------------------------

二.nginx的應用場景

1.什麽是nginx?

性能高，官方測試5萬並發連接
對cup內存消耗很低，而且運行運行非常穩定 免費 開源

2.nginx 應用場景？

1.http服務器
.靜態資源 圖片，js,css

2.虛擬主機
”虛擬”出多個主機，域名 80 目錄
IP 端口 域名

3.反向代理

從外到內的代理

4.負載均衡

字面理解：負載要變得均衡

服務器的工作量均衡

加服務器，讓服務器負載均衡起來

5……

---------------------------------------

三.nginx 的安裝

下載：SecureCRT

http://www.pc141.com/html/wangluoruanjian/371.html

文件在F盤

下載：http://nginx.org/en/download.html

wget http://nginx.org/download/nginx-1.14.0.tar.gz

II 是顯示目錄

clear 清屏

安裝前提，nginx 是c開發的

1.gcc 對源碼進行編譯的

yum install gcc-c++

2.PCRE 庫

per庫 包括了per兼容的正則表達式 nginx 的http模塊使用的是pcre來解析正則

yum install -y pcre pcre-devel

3.zlib

壓縮和解壓的庫 nginx 使用的是zlib對http包進行 gzip

yum install -y zlib-devel

4.openssl

yum install -y openssl openssl-devel

!!!!!!!!!!!!

nginx 安裝

1.解壓

tar -zxvf nginx-1.14.0.tar.gz

2.cd 到 解壓的目錄

cd nginx-1.14.0

3.configure

配置

./configure --prefix=/app/nginx\
--with-pcre\
--with-thhp_stub_status_module\
--with-http_realip_module\
--with-http_addition_module\
--with-file-aio\
--with-debug\

復制執行 會生成一個文件 makeflie

4.編譯安裝

make && make install

5.啟動

切換到安裝的目錄

cd /app/ nginx--with-pcre--with-thhp_stub_status_module--with-http_realip_module--with-http_addition_module--with-file-aio--with-debug
[root@vue nginx--with-pcre--with-th

這裏可以自己重命名一下 nginx

這個目錄有點惡心了

cd sbin

執行

./nginx

上面這句執行完 正常是什麽都不提示

如果出現一堆 0.0.0.0:80 說明端口被占用了

ps -auxlgrep 80

查看是否執行成功

ps -aixlgrep nginx

驗證

直接輸入公網IP 瀏覽器訪問 有nginx 的提示信息 就代表成功了

Welcome to nginx!

----------------------------------------------------

配置

cd [安裝目錄]/conf/

配置的文件：nginx.conf (默認配置文件)

修改加載配置文件命令

./nginx -c /app/nginx/conf/nginx (這個別亂改 一般不改)

如果要結束進程

在 sbin目錄執行：./nginx -s stop

先查出pid 然後再kill 會丟包

關閉方式二：完整停止 優雅關閉

./nginx -s quit

等待nginx處理進程，把請求處理完畢，然後再停止

重啟nginx ： ./nginx -s reload

---------------------------------------------------------------

四.虛擬主機的概念以及配置種類

1.虛擬主機

把一臺物理主機劃分成多個 虛擬 的服務器，
每個服務器都可以有獨立的域名或者目錄

2.ngnx 配置虛擬主句的方法

1.基於IP （幾乎不用）
2.基於端口 （用得少）
3.基於域名 （用的多）

用過域名來區分（開發 自建服務器）

---------------------------------------------------------------

五，基於IP&端口號配置虛擬主機(不重要)

1.IP

一臺服務器綁定多個IP

193.112.12.42

查ip信息命令：ifconfig

綁定一個 193.112.12.43

/sbin/ifconfig/ eth0:1 192.168.101.103 broadcast 172.16.15.255 netmask 255.255.240.0 up

/sbin/route add -host 192.168.101.103 dev eth0:1

(服務器重啟會失效)

方式二

/etc/sysconfig/network-scripts/ifcfg-etg0 文件復制一份 命名為ifcfg-eth0:1

修改 倒數第二個IP

需要重啟生效

nginx

在：nginx.conf
一個server 就是一個虛擬主機

重啟 nginx ./nginx/ -s reload

2.基於端口

192.168.101.10:80
192.168.101.10:81
192.168.101.10:82

在：nginx.conf

拷貝 server 代碼段 然後修改 裏面的端口就可以

修改的是 lister
修改root 是指定虛擬主機的根目錄

重啟 nginx ./nginx/ -s reload

以上兩個方法 有不足之處，不建議使用

-----------------------------------------

六.基於域名的虛擬主機配置

修改

/app/nginx--with-pcre--with-thhp_stub_status_module--with-http_realip_module--with-http_addition_module--with-file-aio--with-debug/conf/

nginx.conf

server

的server_name

vue.5c0.cn

-----------------------------------------

七.nginx 配置nginx 反向代理

相關博客
https://blog.csdn.net/xuanjiewu/article/details/79458266

nginx 代理服務器

反向代理 從外到內

代理的是內網服務器

需求

訪問 vue.5c0.cn

轉到

193.112.12.42:8080

172.16.0.6:8080;

upstream tovue{
#內網ip
server 172.16.0.6:8080;
}

localhost

-----------------------------------------

終於成功可以 可以訪問了

http://vue.5c0.cn/#/

-----------------------------------------

vue-cli

config/index.js

localhost 改成內網IP

build 裏面

在webpack.dev.conf.js中添加：disableHostCheck: true

詳細可以看下面的

https://www.cnblogs.com/zhuwu/p/8080982.html

-----------------------------------------

解決關閉遠程連接後就不能訪問了

https://blog.csdn.net/islamabad8/article/details/80980779

yum -y install screen

screen -S koawork

npm start

https://www.aliyun.com/jiaocheng/150730.html

解決斷開遠程還能用的

要先啟動nginx 然後再去啟動項目

-----------------------------------------

打開新的會話窗口:screen
結束當前會話:exit

screen -S run
screen -S ser

-----------------------------------------

2. screen 命令
如果程序需要交互等復雜的操作,推薦使用功能強大的screen。screen 提供了 ANSI/VT100 的終端模擬器,使它能夠在一個真實終端下運行多個全屏的偽終端。
不是所有Linux都自帶screen。查詢安裝包信息:rpm -qa|grep screen
安裝方法:

CentOS系統:yum install screen
Debian 系統:apt-get install screen
用法:

打開新的會話窗口:screen
結束當前會話:exit
在新會話中執行程序(程序關閉時會話自動結束):screen vi test.c
打開新會話並起個名字:screen -S myname
暫時離開會話(經常用):Ctrl+a 然後 d
查看會話列表: screen -ls
恢復之前離開的會話:screen -r 會話名或進程號
清除dead狀態的會話:screen -wipe
啟動一個開始就是Detached狀態的會話:screen -dmS 名字 命令
常用快捷鍵 功能
Ctrl+a ? 顯示所有鍵綁定信息
Ctrl+a d 暫時離開會話返回之前的shell(會話進入Detached狀態)
Ctrl+a w 顯示所有窗口列表(不包括Detached狀態的)
Ctrl+a Ctrl+a 切換到之前顯示的窗口(不切換Detached狀態的)
Ctrl+a c 創建一個新的運行shell的窗口並切換到該窗口
Ctrl+a n 切換到下一個窗口
Ctrl+a p 切換到上一個窗口
Ctrl+a 0..9 切換到窗口0..9
Ctrl+a k 殺掉當前窗口(會提示確認)
-----------------------------------------

-----------------------------------------

config/index.js

localhost 改成內網IP

build 裏面

在webpack.dev.conf.js中添加：disableHostCheck: true

不能覆蓋
/config
/build/webpack.dev.conf.js

vuex 隨手筆記