將專案部署到nginx伺服器上

2021-10-20 02:47:05 字數 1268 閱讀 4323

伺服器:本質是一台電腦,沒有顯示器,就是主機,24小時開機,為使用者提供遠端服務。

將自己的電腦作為伺服器->window->nginx

遠端部署(mac)

(1)第一種方法:

將使用npm run build打包好的專案,也就是dist資料夾裡面的東西複製到nginx解壓後的檔案(也就是啟動nginx.exe的資料夾)下的html的檔案下,然後重新整理一下頁面即可。

注意:複製到該資料夾下時必須先將裡面的檔案先刪除掉。在重新整理頁面時,要去掉路由的路徑再重新整理,也就是路徑必須是localhost,因為localhost才是你的伺服器路徑,後面加的類似於/home是你的頁面路由。

(2)第二種方式就是將dist整個資料夾複製到nginx的解壓資料夾下

該方法要到conf資料夾下nginx.conf檔案裡面修改相關配置

該檔案裡面的location / {} 裡面的root就是解壓nginx的目錄,意思是說,預設開啟的是root(也就是根目錄)下的html裡面的index.html/index.htm的網頁,也就是第一種方式開啟部署到nginx專案的途徑。

那麼採用第二種方式部署的話,就要修改這裡面的路徑配置(將html修改為dist),如下圖:

修改完後要重啟nginx,要重啟才能生效。我們可以通過下面幾種方式來重啟(前提是在cmd視窗中進到nginx的解壓目錄裡面):

(a)cd到解壓目錄後:輸入nginx.exe -s stop。stop是快速停止nginx,並不儲存相關資訊;

(b)第二種輸入:nginx.exe -s quit。quit是完整有序的停止nginx,並儲存相關資訊。

(c)輸入:nginx.exe -s reload。當配置資訊修改,需要重新載入這些配置時使用此命令。

注意:

訪問效果圖:

將Django專案部署到伺服器上(上)

點選上圖所示按鈕後,新增規則 只需看下圖填兩個地方即可 下面是我新增好的效果 小編在這裡新增了常用的80 8080以及3306 點選後,在下圖彈出的視窗中設定密碼即可 改完記得重啟 成功登入遠端伺服器 檢視firewall服務狀態 檢視firewall的狀態 開啟firewalld.service服...

vue專案部署到nginx伺服器

vue cli3 首先在專案根目錄建立乙個vue.config.js檔案 新增如下內容 module.export 然後 npm run build將vue打包後的dist資料夾放在nginx下的html資料夾即可。訪問 即可看到內容。注意 也可將dist資料夾改名為projectname,訪問 如...

專案部署到伺服器

今天,第一次為工作寫日子,以後肯定會一直記錄,好了,說一下重點吧。如何把已完成的專案部署到伺服器,準備工作,在伺服器上搭建 jdk 和 tomcat 版本根據個人需求,我是 jdk1.7 和 tomcat 7.0 具體怎麼搭建上網查吧。第一步 把自己的專案上傳到伺服器上。我用的是最笨的方法,因為伺服...