1. 安裝Nginx
為什么要安裝Nginx?
解決跨域問題，
那什么又是跨域？
跨域的起源是瀏覽器同源策略的限制，瀏覽器為了安全，會限制不同源（兩個協議名，域名，埠號都相同的url才是同源）之間的DOM，資料，網路操作，
Nginx是怎么解決跨域問題的？
Nginx相當于一個跳板機，客戶端的域名也是Nginx的域名，所以客戶端首先訪問Nginx服務器，然后Nginx又把請求轉發給服務器，當回應回傳的時候又回傳給客戶端，
那我們就開始安裝吧！
等等…
先安裝依賴
1.1 安裝gcc g++的依賴庫
sudo apt-get install build-essential
sudo apt-get install libtool
1.2 安裝pcre依賴庫
sudo apt-get update
sudo apt-get install libpcre3 libpcre3-dev
1.3 安裝zlib依賴庫
apt-get install zlib1g-dev
1.4 安裝ssl依賴庫
apt-get install openssl
1.5 安裝Nginx
sudo apt-get install nginx
輸入服務器的ip地址，出現這個頁面就說明安裝成功
2.部署前端頁面
2.1 查找Nginx安裝位置
whereis nginx
2.2 進入/etc/nginx/sites-available（可以啟用的站點）
用記事本打開default檔案，在最后添加
server {
listen 3389; # 服務器開放的埠
server_name xx.xx.xx.xx; # 專案訪問的地址或者域名
location / {
root /my_blog/; # 專案所在的檔案夾
index index.html; # 專案所在檔案夾里面的入口檔案
}
}
但是因為用的騰訊云ubuntu，默認用戶名是ubuntu，沒有root權限，所以修改失敗，需要在騰訊云中設定允許root用戶登錄，
騰訊云服務器Ubuntu實作使用root賬戶登錄
具體參考此篇博文：https://www.jianshu.com/p/e0ff6c4675c6
2.3 在服務器根目錄創建一個新檔案夾（要和default檔案里面修改的location中路徑一致），存放打包后的前端專案
然后就可以訪問了
參考資料：
https://segmentfault.com/a/1190000040128990
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/290220.html
標籤：其他
上一篇：Nginx----基礎篇
下一篇：vue打包踩坑個人記錄