Nginx部署Angular項目

1.建立前端項目目錄

進入/var文件夾

cd /var

在/var目錄下建立www文件夾

mkdir www

進入/var/www目錄，建立test文件夾

cd www #進入www目錄
mkdir test

2.將前端編譯後的文件上傳到/var/www/test目錄

3.配置nginx下test目錄及選項

進入/etc/nginx/conf.d/目錄

cd /etc/nginx/conf.d/

打開default.conf，寫入test的相關配置

server {
    listen       80; # nginx監聽端口
    server_name  localhost; #如有域名則將localhost替換爲域名

    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;

    location / {
        root   /var/www/test; #test項目路徑
        index  index.html index.htm; #默認起始頁
        try_files $uri $uri/ /index.html; #spa前端項目路由配置
    }

    #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   /usr/share/nginx/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;
    #}
}

4.測試部署

curl localhost #假設項目端口爲80則爲localhost

如若返回的html字符串中沒有異常報錯的狀態碼則爲成功

5.錯誤問題排查

1）主機內使用curl能夠訪問，客戶端機器沒法訪問

解決方法：檢查當前主機防火牆是否開放監聽的端口

查看當前主機開放的端口
firewall-cmd --list-ports

開放主機端口
firewall-cmd --add-port=80/tcp --permanent

關閉主機端口
firewall-cmd --remove-port=80/tcp --permanent

注意：執行完開放或者關閉端口後須要重啓防火牆

firewall-cmd --reload

2）主機內外都沒法訪問頁面，但都能訪問nginx提示403 forbidden的錯誤頁面

解決辦法：可能爲SELinux爲開啓的狀態，關閉SELinux便可

查看SELinux狀態

/usr/sbin/sestatus -v      ##若是SELinux status參數爲enabled即爲開啓狀態

臨時關閉（不用重啓機器，當前設置可用於驗證是否爲SELinux開啓致使403的錯誤）

setenforce 0                  ##設置SELinux 成爲permissive模式
                              ##setenforce 1 設置SELinux 成爲enforcing模式

永久關閉，編輯SELinux（須要重啓）

vi /etc/selinux/config  # 將SELINUX=enforcing 改成 SELINUX=disabled