1. 程式人生 > >一、將前端專案釋出到nginx

一、將前端專案釋出到nginx

1、安裝好nginx後啟動

2、將前端專案複製到/nginx/html資料夾下
這裡寫圖片描述

3、將nginx下的配置檔案(/nginx/conf/nginx.conf)裡的server節點配置改為要配置的域名

server {
        #監聽的埠,80埠是預設埠,在訪問時,就無需輸入埠號,其他的都需要輸入埠號,比如這裡訪問地址就是127.0.0.1,而若是8080埠,則是127.0.0.1:8080
        listen       80;
        #此處localhost可改為要訪問的域名或者ip地址,若有多個用空格隔開。例如 server_name www.baidu.com baidu.com test.baidu.com
server_name localhost; #編碼 charset utf-8; #access_log logs/host.access.log main; location / { #nginx下HTML資料夾,訪問上述域名時會檢索此資料夾下的檔案進行訪問 root html/BootStrapDemo; #輸入網址(server_name:port)後,預設的訪問頁面 index index.html index
.htm; }

4、配置改完後測試配置是否正確(找到sbin資料夾開啟,看到nginx檔案後再命令列輸入nginx -t檢測)

5、配置正確後,重啟nginx(nginx -s reload)

6、若訪問的是域名還需去進行域名解析,網站配置域名指向ip。檢測是否成功:ping一下域名,若結果為自己指向的ip則解析成功

7、測試訪問
這裡寫圖片描述