網站首頁 編程語言 正文
前言
在前端開發過程中經常是需要把前端靜態資源放到服務器中看效果,這時經常用到nginx來配置。
1. 什么是nginx
Nginx是一款高性能的http 服務器/反向代理服務器及電子郵件(IMAP/POP3)代理服務器。
由俄羅斯的程序設計師Igor Sysoev所開發,官方測試nginx能夠支支撐5萬并發鏈接,
并且cpu、內存等資源消耗卻非常低,運行非常穩定。
2. 應用場景
我們這次用到的是 http服務器。
Nginx是一個http服務可以獨立提供http服務。可以做網頁靜態服務器。
3. 下載nginx
nginx download官網地址? 或者 點擊這里下載
官網提供三種版本:
Mainline version:Mainline 是 Nginx 目前主力在做的版本,可以說是開發版
Stable version:最新穩定版,生產環境上建議使用的版本
Legacy versions:遺留的老版本的穩定版
以windows版為例,下載后,將其解壓到 本地的任一目錄下;
我是放到了G盤,新建一個software文件夾,把解壓的文件放在里面,此時我們可以看到有如下目錄:
然后用vscode代碼編輯器打開解壓文件夾下的conf文件夾的nginx.conf文件
,這是一個非常重要的文件,用來配置nginx服務器,默認的配置也存放在此。
4. 配置nginx服務器
打開nginx.conf文件,下面是我的配置,可以復制一份,根據情況改下端口號和瀏覽器訪問域名
#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好的內容文件夾放到nginxRun里
只需要生成的dist文件夾
6. 啟動nginx服務器
windows系統右鍵我們下方任務欄的黑色部分,打開任務管理器,看下nginx是否啟動。
7. 瀏覽器打開體驗一下
比如我們打一個測試包,按照項目里配置的命令行執行npm run build:test
,將生成的dist文件夾拖進nginxRun里面,在瀏覽器輸入191.105.0.52:8090
或者127.0.0.1:8090
都能打開頁面。
8. 注意事項
1、每次更改了nginx.conf都要去任務管理器里結束進程,重新打開才能更新。
2、在修改nginx.conf文件時,每行的末尾必須帶有分好";",否則會報錯。
3、另外一些小的功能更改可以不用nginx,只要電腦和手機必須連在同一個局域網。
可參考:
nginx安裝及其配置詳細教程
總結
原文鏈接:https://blog.csdn.net/weixin_45811256/article/details/127481650
相關推薦
- 2022-08-15 el-table表格怎么在表頭的某項添加提示信息
- 2022-11-03 react+tsx中使用better-scroll詳解_React
- 2022-09-17 docker資源控制管理Cgroup的實現_docker
- 2023-07-07 React中useState的setState方法請求了好多次
- 2022-11-05 nginx修改默認端口方法圖文詳解_nginx
- 2022-08-15 接口狀態與策略路由表
- 2022-03-28 通過numba模塊給Python代碼提速的方法詳解_python
- 2022-10-28 Go操作Kafka和Etcd方法詳解_Golang
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支