如何將自己的項(xiàng)目部署到阿里云服務(wù)器之【Nginx 來提供 HTTP 服務(wù)或者設(shè)置代理】

參考Centos7安裝Nginx實(shí)戰(zhàn),寫的非常詳細(xì)。

1.查看Nginx所有版本:http://nginx.org/download/

nginx.png

2.我選用的是nginx-1.18.0.tar.gz 這個(gè)包

3.Nginx基本使用方式:

(1).進(jìn)入安裝目錄

cd /usr/local/nginx/sbin

(2).啟動(dòng)

./nginx

(3).關(guān)閉 nginx

./nginx -s stop

(4).重啟 nginx

./nginx -s reload

(5).Nginx在啟動(dòng)時(shí)默認(rèn)加載conf/nginx.conf文件,這個(gè)文件就是nginx的配置文件了救欧,我給出我的配置:

cd /usr/local/nginx/conf
vim nginx.conf
#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;
    # 這里監(jiān)聽 80端口终议,默認(rèn)打開前臺(tái)頁面
    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   /usr/blog/front/web/dist/; # 這個(gè)是我前臺(tái)前端打包后的文件放置的位置铭污,根據(jù)自己的修改七婴。
            index  index.html index.htm; # 加載dist目錄下的index.html頁面
            try_files $uri $uri/ @router;
            autoindex on;
        }
        location /api/ { 
            # 這里是接口代理 比如你前臺(tái)頁面接口請(qǐng)求地址為:/api/login,那么會(huì)代理成http://127.0.0.1:7001/api/login官还。注意:proxy_pass 配置的http://127.0.0.1:7001后面沒有/饶氏。
            proxy_pass http://127.0.0.1:7001; # 這個(gè)地址是我后臺(tái)服務(wù)啟動(dòng)后的地址
            proxy_set_header Host $host:$server_port;
        }
        location @router{
        # 這里配置是因?yàn)槲覀兊捻?xiàng)目是Vue或React通過js渲染出來的讥耗。默認(rèn)打包的只要index.html。所有需要做如下的路由配置疹启。
            rewrite ^.*$ /index.html last;
        }
        gzip on;

        gzip_buffers 32 4k;

        gzip_comp_level 6;

        gzip_min_length 200;

        gzip_types text/css text/xml application/javascript;

        gzip_vary on;

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }


    # another virtual host using mix of IP-, name-, and port-based configuration
    # 管理后臺(tái)服務(wù)代理
    server {
        listen       9000;
        server_name  localhost;

        location / {
            root   /usr/blog/front/admin/dist/;
            index  index.html index.htm;
            try_files $uri $uri/ @router;
            autoindex on;
        }
        location /api/v1/ {
            proxy_pass http://127.0.0.1:7001;
            proxy_set_header Host $host:$server_port;
        } 
        location @router{
            rewrite ^.*$ /index.html last;
        }
        gzip on;

        gzip_buffers 32 4k;

        gzip_comp_level 6;

        gzip_min_length 200;

        gzip_types text/css text/xml application/javascript;

        gzip_vary on;

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }


    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

}

我是開了兩個(gè)代理的:

前臺(tái)展示打開的服務(wù)代理和管理后臺(tái)打開的服務(wù)代理古程,這個(gè)項(xiàng)目是分開端口訪問的。 比如:我的公網(wǎng)IP是 47.134.30.148喊崖,那么可以通過 http://47.134.30.148 即可訪問前臺(tái)展示挣磨,http://47.134.30.148:9000 即可訪問管理后臺(tái)的登錄界面。

至于為什么要做如下配置:參考react,vue等部署單頁面項(xiàng)目時(shí),訪問刷新出現(xiàn)404問題

try_files $uri $uri/ @router;

location @router{
    rewrite ^.*$ /index.html last;
}

建議仔細(xì)閱讀我上面提到的參考文章荤懂。里面的講解都是非常詳細(xì)的茁裙。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市节仿,隨后出現(xiàn)的幾起案子晤锥,更是在濱河造成了極大的恐慌,老刑警劉巖廊宪,帶你破解...
    沈念sama閱讀 211,743評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件矾瘾,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡箭启,警方通過查閱死者的電腦和手機(jī)壕翩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來傅寡,“玉大人放妈,你說我怎么就攤上這事北救。” “怎么了芜抒?”我有些...
    開封第一講書人閱讀 157,285評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵扭倾,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我挽绩,道長(zhǎng)膛壹,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,485評(píng)論 1 283
  • 正文 為了忘掉前任唉堪,我火速辦了婚禮模聋,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘唠亚。我一直安慰自己链方,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,581評(píng)論 6 386
  • 文/花漫 我一把揭開白布灶搜。 她就那樣靜靜地躺著祟蚀,像睡著了一般。 火紅的嫁衣襯著肌膚如雪割卖。 梳的紋絲不亂的頭發(fā)上前酿,一...
    開封第一講書人閱讀 49,821評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音鹏溯,去河邊找鬼罢维。 笑死,一個(gè)胖子當(dāng)著我的面吹牛丙挽,可吹牛的內(nèi)容都是我干的肺孵。 我是一名探鬼主播,決...
    沈念sama閱讀 38,960評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼颜阐,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼平窘!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起凳怨,我...
    開封第一講書人閱讀 37,719評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤瑰艘,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后猿棉,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體磅叛,經(jīng)...
    沈念sama閱讀 44,186評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡屑咳,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,516評(píng)論 2 327
  • 正文 我和宋清朗相戀三年萨赁,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片兆龙。...
    茶點(diǎn)故事閱讀 38,650評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡杖爽,死狀恐怖敲董,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情慰安,我是刑警寧澤腋寨,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布,位于F島的核電站化焕,受9級(jí)特大地震影響萄窜,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜撒桨,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,936評(píng)論 3 313
  • 文/蒙蒙 一查刻、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧凤类,春花似錦穗泵、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至夷磕,卻和暖如春履肃,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背坐桩。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評(píng)論 1 266
  • 我被黑心中介騙來泰國(guó)打工榆浓, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人撕攒。 一個(gè)月前我還...
    沈念sama閱讀 46,370評(píng)論 2 360
  • 正文 我出身青樓陡鹃,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親抖坪。 傳聞我的和親對(duì)象是個(gè)殘疾皇子萍鲸,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,527評(píng)論 2 349