網(wǎng)站首頁 編程語言 正文
前言
在前端開發(fā)過程中經(jīng)常是需要把前端靜態(tài)資源放到服務(wù)器中看效果,這時經(jīng)常用到nginx來配置。
1. 什么是nginx
Nginx是一款高性能的http 服務(wù)器/反向代理服務(wù)器及電子郵件(IMAP/POP3)代理服務(wù)器。
由俄羅斯的程序設(shè)計師Igor Sysoev所開發(fā),官方測試nginx能夠支支撐5萬并發(fā)鏈接,
并且cpu、內(nèi)存等資源消耗卻非常低,運行非常穩(wěn)定。
2. 應(yīng)用場景
我們這次用到的是 http服務(wù)器。
Nginx是一個http服務(wù)可以獨立提供http服務(wù)。可以做網(wǎng)頁靜態(tài)服務(wù)器。
3. 下載nginx
nginx download官網(wǎng)地址? 或者 點擊這里下載
官網(wǎng)提供三種版本:
Mainline version:Mainline 是 Nginx 目前主力在做的版本,可以說是開發(fā)版
Stable version:最新穩(wěn)定版,生產(chǎn)環(huán)境上建議使用的版本
Legacy versions:遺留的老版本的穩(wěn)定版
以windows版為例,下載后,將其解壓到 本地的任一目錄下;
我是放到了G盤,新建一個software文件夾,把解壓的文件放在里面,此時我們可以看到有如下目錄:
然后用vscode代碼編輯器打開解壓文件夾下的conf文件夾的nginx.conf文件
,這是一個非常重要的文件,用來配置nginx服務(wù)器,默認(rèn)的配置也存放在此。
4. 配置nginx服務(wù)器
打開nginx.conf文件,下面是我的配置,可以復(fù)制一份,根據(jù)情況改下端口號和瀏覽器訪問域名
#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; underscores_in_headers on; #log_format main '$remote_addr - $remote_user [$time_local] "$request" ' # '$status $body_bytes_sent "$http_referer" ' # '"$http_user_agent" "$http_x_forwarded_for"'; #access_log logs/access.log main; sendfile on; #tcp_nopush on; #keepalive_timeout 0; keepalive_timeout 65; #gzip on; upstream ylkj-api { server 127.0.0.1:17002; } server { listen 81; server_name 127.0.0.1; location / { alias "D:/CurProject/package.json"; } location /static { alias "D:/CurProject/wepyModao/project/src/static/data"; index index.html index.htm; } location /wepydata { alias D:/CurProject/wepyModao/project/src/static/data; index index.html index.htm; } location /ylkj-api { #proxy_pass http://115.182.107.203:8088/ylkj-api/; proxy_set_header X-Real-IP $remote_addr; proxy_set_header Host $host; proxy_set_header Accept-Encoding 'gzip'; client_max_body_size 100m; client_body_buffer_size 128k; proxy_connect_timeout 600; proxy_send_timeout 600; proxy_read_timeout 600; proxy_busy_buffers_size 64k; proxy_temp_file_write_size 64k; proxy_buffer_size 64k; proxy_buffers 4 32k; access_log ./access.log ; error_log ./error.log error; } } server { listen 8090; server_name 191.105.0.52; location /{ root D:/nginxRun/dist/; index index.html index.htm; if (!-e $request_filename) { rewrite ^/(.*) /index.html last; break; } } } }
說明:
5. 將build好的內(nèi)容文件夾放到nginxRun里
只需要生成的dist文件夾
6. 啟動nginx服務(wù)器
windows系統(tǒng)右鍵我們下方任務(wù)欄的黑色部分,打開任務(wù)管理器,看下nginx是否啟動。
7. 瀏覽器打開體驗一下
比如我們打一個測試包,按照項目里配置的命令行執(zhí)行npm run build:test
,將生成的dist文件夾拖進(jìn)nginxRun里面,在瀏覽器輸入191.105.0.52:8090
或者127.0.0.1:8090
都能打開頁面。
8. 注意事項
1、每次更改了nginx.conf都要去任務(wù)管理器里結(jié)束進(jìn)程,重新打開才能更新。
2、在修改nginx.conf文件時,每行的末尾必須帶有分好";",否則會報錯。
3、另外一些小的功能更改可以不用nginx,只要電腦和手機必須連在同一個局域網(wǎng)。
可參考:
nginx安裝及其配置詳細(xì)教程
總結(jié)
原文鏈接:https://blog.csdn.net/weixin_45811256/article/details/127481650
相關(guān)推薦
- 2022-09-29 LyScript實現(xiàn)內(nèi)存交換與差異對比的方法詳解_python
- 2022-02-11 ResizeObserver Polyfill監(jiān)聽元素寬高的變化,在React中的應(yīng)用
- 2022-07-14 C++簡明分析講解引用與函數(shù)提高及重載_C 語言
- 2022-07-25 Redisson如何解決Redis分布式鎖提前釋放問題_Redis
- 2022-10-03 正則表達(dá)式中^和$的含義與實例代碼_正則表達(dá)式
- 2022-01-22 HTML5新增標(biāo)簽
- 2022-10-03 React如何實現(xiàn)全屏監(jiān)聽Esc鍵_React
- 2022-12-05 python如何在文件中部插入信息_python
- 最近更新
-
- window11 系統(tǒng)安裝 yarn
- 超詳細(xì)win安裝深度學(xué)習(xí)環(huán)境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎(chǔ)操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區(qū)別,Jav
- spring @retryable不生效的一種
- Spring Security之認(rèn)證信息的處理
- Spring Security之認(rèn)證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權(quán)
- redisson分布式鎖中waittime的設(shè)
- maven:解決release錯誤:Artif
- restTemplate使用總結(jié)
- Spring Security之安全異常處理
- MybatisPlus優(yōu)雅實現(xiàn)加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務(wù)發(fā)現(xiàn)-Nac
- Spring Security之基于HttpR
- Redis 底層數(shù)據(jù)結(jié)構(gòu)-簡單動態(tài)字符串(SD
- arthas操作spring被代理目標(biāo)對象命令
- Spring中的單例模式應(yīng)用詳解
- 聊聊消息隊列,發(fā)送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠(yuǎn)程分支