資訊專欄INFORMATION COLUMN
摘要：下面是取阿里云開放實驗室的服務(wù)器演示登錄安裝源碼編譯安裝安裝的相關(guān)依賴下載包解壓編譯安裝配置安裝選項編譯安裝啟動查看進程查看網(wǎng)頁，啟動成功。
--現(xiàn)在閱讀的你，如果是個FE，相信你不是個純切圖仔。反之，如果是，該進階了，老鐵！
前端的我們，已經(jīng)不僅僅是做頁面，寫樣式了，我們還需要會做相關(guān)的服務(wù)器部署。廢話不多說，下面就從前端的角度來講以下nginx的相關(guān)使用。
給我們的靜態(tài)資源啟一個web 服務(wù)
給我們的nodejs 的項目設(shè)置反向代理，80端口訪問
給我們的接口做轉(zhuǎn)發(fā)
設(shè)置跨域請求
配置https服務(wù)的請求接口
登錄云服務(wù)器首先你得有一臺linux服務(wù)器（用你電腦起個本地服務(wù)也OK，這里不做這個介紹，我們用的是云服務(wù)器），如果沒有，你可以上相關(guān)的云服務(wù)實驗室開 1、2個小時的服務(wù)器玩玩也行，這里推薦 阿里云的 https://edu.aliyun.com/lab/ ，和騰訊云的 https://cloud.tencent.com/dev... 。下面是取阿里云開放實驗室的服務(wù)器演示：
登錄
安裝nginx (源碼編譯安裝)yum -y install gcc pcre pcre-devel zlib zlib-devel openssl openssl-devel
wget http://nginx.org/download/ngi...
tar -zxvf nginx-1.15.8.tar.gz
配置nginx安裝選項
./configure --prefix=/usr/local/nginx
編譯安裝
make && make install
啟動、查看進程
/usr/local/nginx/sbin/nginx
ps -ef | grep nginx
查看網(wǎng)頁，nginx 啟動成功。
補充命令：
/usr/local/nginx/sbin/nginx -t
// 查看nginx 配置文件是否語法正確
/usr/local/nginx/sbin/nginx -s reload
// 重新加載nginx 配置
/usr/local/nginx/sbin/nginx -s stop
// 停止nginx
我們要修改nginx 的基本配置， 做以下步驟：
cd /usr/local/nginx
mkdir vhosts
cd vhosts
vim active.conf
按 esc
再按 :wq 保存并退出
修改nginx.conf
vim /usr/local/nginx/nginx.conf
在倒數(shù)第二行添加
include vhosts/*.conf
??????????????????????????????
（以上nginx 的安裝路徑，可以自己自由選擇）
注意：下面具體的演示案例，是我個人的服務(wù)器，使用的是域名訪問, 上面的實驗服務(wù)器的時長限制，沒辦法做很多的業(yè)務(wù)操作。
到這里基本上配置好nginx 的使用和擴展，下面就是我們要利用 nginx 實現(xiàn)一些功能了。
使用nginxvim /usr/local/nginx/vhosts/active.conf
將server 模塊寫進去，
server {
listen 8008;
server_name localhost;
root /usr/myfile/dist;
index index.html;
}
訪問：
server {
server_name vue.wtodd.wang;
charset utf-8;
location /nodejsapi/ {
proxy_pass http://localhost:5000/;
}
}
實際請求 http://localhost:5000/ 的接口，被代理到請求該域名de /nodejsapi/ 下
訪問：
server {
listen 80;
server_name csa.scampus.cn;
location / {
proxy_pass http://127.0.0.1:8000;
}
}
頁面訪問：
實際項目訪問地址：
這里涉及到了https 證書的配置，這里不牽涉這個話題，這里
https://help.aliyun.com/docum...
是阿里云的免費https 證書，可參照該步驟。
有人說，前端為什么還要https 的服務(wù)？ 微信小程序的服務(wù)接口，需要走https 的哇！我們做demo，不要自己會配置一下嗎，省得找后臺哇
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/40401.html
摘要：作為前端的你會多少現(xiàn)在閱讀的你，如果是個，相信你不是個純切圖仔。反之，如果是，該進階了，老鐵前端的我們，已經(jīng)不僅僅是做頁面，寫樣式了，我們還需要會做相關(guān)的服務(wù)器部署。廢話不多說，下面就從前端的角度來講以下的相關(guān)使用。nginx,作為前端的你會多少？--現(xiàn)在閱讀的你，如果是個FE，相信你不是個純切圖仔。反之，如果是，該進階了，老鐵！前端的我們，已經(jīng)不僅僅是做頁面，寫樣式了，我們還需要會做相關(guān)的...
摘要：反之，如果是，該進階了，老鐵前端的我們，已經(jīng)不僅僅是做頁面，寫樣式了，我們還需要會做相關(guān)的服務(wù)器部署。廢話不多說，下面就從前端的角度來講以下的相關(guān)使用。--現(xiàn)在閱讀的你，如果是個FE，相信你不是個純切圖仔。反之，如果是，該進階了，老鐵！ 前端的我們，已經(jīng)不僅僅是做頁面，寫樣式了，我們還需要會做相關(guān)的服務(wù)器部署。廢話不多說，下面就從前端的角度來講以下nginx的相關(guān)使用。 給我們的靜態(tài)資源啟...
摘要：轉(zhuǎn)行前端有哪些疑慮在人生的抉擇處，尋求一些別人的經(jīng)驗和總結(jié)，無可厚非，但是決定了就一定要堅定的走下去，謹慎是為了更好的堅持，而不是放棄的理由。寫在前面這里前后端指的是開發(fā)的前后端。 轉(zhuǎn)行前端有哪些疑慮？ 在人生的抉擇處，尋求一些別人的經(jīng)驗和總結(jié)，無可厚非，但是決定了就一定要堅定的走下去，謹慎是為了更好的堅持，而不是放棄的理由。寫在前面：這里前后端指的是web開發(fā)的前后端。1、前端崗位需...
摘要：轉(zhuǎn)行前端有哪些疑慮在人生的抉擇處，尋求一些別人的經(jīng)驗和總結(jié)，無可厚非，但是決定了就一定要堅定的走下去，謹慎是為了更好的堅持，而不是放棄的理由。寫在前面這里前后端指的是開發(fā)的前后端。 轉(zhuǎn)行前端有哪些疑慮？ 在人生的抉擇處，尋求一些別人的經(jīng)驗和總結(jié)，無可厚非，但是決定了就一定要堅定的走下去，謹慎是為了更好的堅持，而不是放棄的理由。寫在前面：這里前后端指的是web開發(fā)的前后端。1、前端崗位需...
摘要：轉(zhuǎn)行前端有哪些疑慮在人生的抉擇處，尋求一些別人的經(jīng)驗和總結(jié)，無可厚非，但是決定了就一定要堅定的走下去，謹慎是為了更好的堅持，而不是放棄的理由。寫在前面這里前后端指的是開發(fā)的前后端。 轉(zhuǎn)行前端有哪些疑慮？ 在人生的抉擇處，尋求一些別人的經(jīng)驗和總結(jié)，無可厚非，但是決定了就一定要堅定的走下去，謹慎是為了更好的堅持，而不是放棄的理由。寫在前面：這里前后端指的是web開發(fā)的前后端。1、前端崗位需...
閱讀 2159·2023-04-26 00:38
閱讀 1943·2021-09-07 10:17
閱讀 896·2021-09-02 15:41
閱讀 646·2021-08-30 09:45
閱讀 551·2019-08-29 17:25
閱讀 3219·2019-08-29 15:07
閱讀 2199·2019-08-29 12:52
閱讀 3742·2019-08-26 13:35
