国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

手把手搭建nginx服務器，部署前端代碼

YancyYe / 520人閱讀

摘要：此時我們可以看到有如下目錄路徑下放置我們前端好的代碼如何，相信各位都會，下有個非常重要的文件，用來配置服務器。

第一步: 下載 nginx

nginx download官網地址

下載后，將其解壓到 本地的任一目錄下。

此時我們可以看到有如下目錄:

html路徑下放置我們前端 build好的代碼(如何build，相信各位都會)，conf下有個非常重要的文件nginx.conf，用來配置nginx服務器。

第二步: 配置nginx服務器

打開nginx.conf文件，直接找到配置server 的地方,取消掉暫時用不到的配置，下面便是我的配置:

server {
        # 啟動后的端口
        listen       8880;   
        
        # 啟動時的地址
        server_name  localhost;

        # 啟動后，地址欄輸入: localhost:8880, 默認會在html文件夾下找 index.html文件
        location / {
            root   html;
            index  index.html; 
        }
        
        # 404頁面配置，頁面同樣在html文件夾中
        error_page  404    /404.html;
        location = /404.html {
            root   html;
        }
        

        # 其他錯誤碼頁面配置
        error_page  500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }


        # 配置代理。由于項目是在本地起動的，而我們的request需要請求其他ip地址。如果你的request鏈接為localhost:8880/abc/login?name=12345,那么下面配的就是location /abc
        location /api {
           proxy_pass   http://192.168.0.0:80;       
        }

        # 一把前端不管用vue，還是react等框架，默認都是單頁面的，如果你的項目是多頁面的，則需要用到下面的配置。
        # 因為此時你的瀏覽器的url不是localhost:8880/#/login,而是 localhost:8880/a.html/#/login
        # 所以我們需要將路徑中a.html指向具體的html文件夾中的文件，因為默認是index.html
        location /a.html {
          alias html;
          index a.html;
        }
        location /b.html{
          alias html;
          index b.html;
        }
}
第三步: 將build好的內容放到nginx下的html文件夾下

只需要dist下的內容，如

第四步: 啟動nginx服務器

在

路徑下右鍵，打開命令號工具，并輸入

>start nginx

然后在瀏覽器地址欄輸入

localhost:8880

即可

第五步: 停止nginx服務器 
>nginx -s stop
注意事項

1、在修改nginx.conf文件時，每行的末尾必須帶有分好";"，否則會報錯。
2、有些命令行工具在執行start nginx后，一閃而過，所以你并不知道到底啟動了還是沒有，可以運行下面的命令:

tasklist /fi "imagename eq nginx.exe"

結果類似于這樣

3、如果你運行nginx -s stop命令后，再次運行tasklist /fi "imagename eq nginx.exe"命令發現還是有進程，并沒有停止，可以訪問任務管理器，然后結束進程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53590.html

相關文章

  • 手把手搭建nginx服務器，部署前端代碼

    摘要：此時我們可以看到有如下目錄路徑下放置我們前端好的代碼如何，相信各位都會，下有個非常重要的文件，用來配置服務器。 第一步: 下載 nginx nginx download官網地址 下載后，將其解壓到 本地的任一目錄下。 此時我們可以看到有如下目錄:showImg(https://segmentfault.com/img/bVbnrba?w=158&h=152); html路徑下放置我們前...

    Wuv1Up 評論0 收藏0

  • 手把手搭建nginx服務器，部署前端代碼

    摘要：此時我們可以看到有如下目錄路徑下放置我們前端好的代碼如何，相信各位都會，下有個非常重要的文件，用來配置服務器。 第一步: 下載 nginx nginx download官網地址 下載后，將其解壓到 本地的任一目錄下。 此時我們可以看到有如下目錄:showImg(https://segmentfault.com/img/bVbnrba?w=158&h=152); html路徑下放置我們前...

    CNZPH 評論0 收藏0

  • 手把手搭建nginx服務器，部署前端代碼

    摘要：此時我們可以看到有如下目錄路徑下放置我們前端好的代碼如何，相信各位都會，下有個非常重要的文件，用來配置服務器。 第一步: 下載 nginx nginx download官網地址 下載后，將其解壓到 本地的任一目錄下。 此時我們可以看到有如下目錄:showImg(https://segmentfault.com/img/bVbnrba?w=158&h=152); html路徑下放置我們前...

    littleGrow 評論0 收藏0

  • Nginx

    摘要：此外，其也能夠提供強大的反向代理功能。是由為俄羅斯訪問量第二的站點開發的，第一個公開版本發布于年月日。 keepalived+nginx 實現高可用雙機熱備 + 負載均衡架構 1 準備4個ubuntu16.04虛擬機（啟用網卡二并使用橋接模式）:A服務器：192.168.0.103 主B服務器：192.168.0.104 主（備） 前端工程師學習 Nginx ...

    syoya 評論0 收藏0

發表評論

0條評論

YancyYe

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<