使用nginx部署前端專案

2021-09-19 20:53:35 字數 899 閱讀 2174

當前環境 centos7

安裝相關依賴

yum install gcc-c++

pcre(perl compatible regular expressions) 是乙個perl庫,包括 perl 相容的正規表示式庫。nginx 的 http 模組使用 pcre 來解析正規表示式,所以需要在 linux 上安裝 pcre 庫,pcre-devel 是使用 pcre 開發的乙個二次開發庫。nginx也需要此庫。命令:

yum install -y pcre pcre-devel

zlib 庫提供了很多種壓縮和解壓縮的方式, nginx 使用 zlib 對 http 包的內容進行 gzip ,所以需要在 centos 上安裝 zlib 庫。

yum install -y zlib zlib-devel

openssl 是乙個強大的安全套接字層密碼庫,囊括主要的密碼演算法、常用的金鑰和證書封裝管理功能及 ssl 協議,並提供豐富的應用程式供測試或其它目的使用。

nginx 不僅支援 http 協議,還支援 https(即在ssl協議上傳輸http),所以需要在 centos 安裝 openssl 庫。

yum install -y openssl openssl-devel

wget -c

解壓nginx

tar -xzvf nginx-1.10.1.tar.gz

安裝(進入解壓目錄)

測試nginx

部署專案

location /
啟動nginx檢視運**況

注意

使用nginx部署多個前端專案

目錄個人總結了3種方法來實現在一台伺服器上使用nginx部署多個前端專案的方法。在正式開始之前,我們先來看一下nginx安裝的預設配置檔案 etc nginx nginx.conf 檔案 可以看到圖中的 include usr nginx modules conf,這句話的作用就是可以在nginx啟...

Nginx 部署Vue前端專案

npm run build構建成功後基本會在配置的dist檔案下生成靜態html檔案。把生成目錄dist裡的檔案打包上傳至伺服器 192.168.234.97 scp dist.zip root 192.168.234.97 opt www vue base輸入伺服器登入密碼。上傳到伺服器靜態位址 ...

nginx中部署vue前端專案

首先當然是阿里雲伺服器購買以及vue專案的編寫了,伺服器購買就不說了,vue專案打包npm run dev的時候要注意一下,主要是config index.js裡assetspublicpath要配置成 原來是 不然在上線後會什麼也沒有,還有就是如果使用了axios跨域 跨埠 的話,並且是使用pro...