Nginx在Windows下载安装启动与配置前后端请求代理
场景
Nginx入门教程-简介、安装、反向代理、负载均衡、动静分离使用实例:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/103101304
前端是用Vue做的项目,后端是SpringBoot,怎样将前后端项目部署在Windows服务器上并使用Nginx进行代理。
Nginx下载地址
http://nginx.org/en/download.html
这里点击相应版本的Windows版本
下载之后是一个压缩包,将其解压到服务器上的某个目录
Nginx代理配置
进入到上面解压的conf目录下,编辑Nginx的配置文件nginx.conf
找到server节点
首先这里的listen下的端口就是代理前的接口,要与前面前端项目的vue.config.js中的端口一致。
server {listen 70;server_name 10.229.36.158;
然后下面的server_name是你服务器的ip,这里即使是使用的本地也建议不要用localhost,避免修改hosts文件导致的问题。
所以这里就直接设置你要部署项目的服务器的ip。
然后下面的location /下面配置的就是代理前前端静态资源的路径等。
root 对应的就是在服务器上前端资源的dist目录的全路径,即代表根路径。
下面的两个配置保持默认不要更改,配置的是防止404和入口页面。
location / {root D:/www/kaoqin/dist/;try_files $uri $uri/ /index.html;index index.html index.htm;}
然后再下面的location /prod-api/ 就是配置的代理后的地址。
location /prod-api/ {proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_pass http://localhost:8080/;}
这里的 /prod-api/就是跟前面前端项目设置代理的路径重写一致。
下面的一些是设置请求头等,防止出现跨域问题。
然后最下面的proxy_pass就是设置的代理后的地址,即你的服务器上后台接口的url。
通过上面两个配置就能实现在服务器上所有的请求
只要是通过
http://10.229.36.158/70/dev-api/
发送过来的请求全部会被代理到
http://localhost:8080/
下。这样就能实现前后端项目的请求代理。
完整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;#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;server {listen 70;server_name 10.229.36.158;#charset koi8-r;#access_log logs/host.access.log main;location / {root D:/www/kaoqin/dist/;try_files $uri $uri/ /index.html;index index.html index.htm;}location /prod-api/ {proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_pass http://localhost:8080/;}# redirect server error pages to the static page /50x.html#error_page 500 502 503 504 /50x.html;location = /50x.html {root html;}# proxy the PHP scripts to Apache listening on 127.0.0.1:80##location ~ \.php$ {# proxy_pass http://127.0.0.1;#}# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000##location ~ \.php$ {# root html;# fastcgi_pass 127.0.0.1:9000;# fastcgi_index index.php;# fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;# include fastcgi_params;#}# deny access to .htaccess files, if Apache's document root# concurs with nginx's one##location ~ /\.ht {# deny all;#}}# another virtual host using mix of IP-, name-, and port-based configuration##server {# listen 8000;# listen somename:8080;# server_name somename alias another.alias;# location / {# root html;# index index.html index.htm;# }#}# HTTPS server##server {# listen 443 ssl;# server_name localhost;# ssl_certificate cert.pem;# ssl_certificate_key cert.key;# ssl_session_cache shared:SSL:1m;# ssl_session_timeout 5m;# ssl_ciphers HIGH:!aNULL:!MD5;# ssl_prefer_server_ciphers on;# location / {# root html;# index index.html index.htm;# }#}}
启动Nginx
来到上面Nginx解压之后的目录下(服务器上)即含有nginx.exe的目录下,在此处打开命令行
start nginx.exe
启动nginx
如果对nginx的配置文件进行修改的话
nginx -s reload
如果没配置环境变量或者提示不行的话前面使用nginx.exe的全路径。
正常停止或关闭Nginx:
nginx -s quit
启动Nginx成功后打开浏览器验证,输入
http://10.229.36.158:70/
如果能出现页面,即对应的前端静态资源的index.html的页面,并且能显示验证码,验证码是通过代理后的
后台接口获取。那么就是代理成功,记住不要关闭此nginx的命令行。
如果访问服务器上的地址不成功后检查70端口是否开放
控制面板-防火墙-高级设置
入站规则-新建规则-端口,添加70
点击下一步
选择允许连接
配置连接域点击下一步
设置名称点击保存。
Nginx在Windows下载安装启动与配置前后端请求代理相关推荐
- 【MySQL】压缩包方式 - Windows下载安装及简单配置
一.下载MySQL安装包 通过百度等搜索引擎搜索MySQL或直接访问[www.mysql.com]进入MySQL官方网站. 点击[DOWNLOADS]跳转到下载页面,滑动到下方点击[MySQL Com ...
- python官网安装步骤-新手Windows下Python下载安装教程及配置注意事项
新手如何下载安装Python以及配置环境变量呢?初学者选择Python2还是Python3呢?Windows下安装简单,初学者建议直接选择Python3- 首先分享Python下载方式 到Python ...
- Windows下载安装MySQL及相关配置教程
Windows下载安装MySQL及相关配置教程 下载过程: 1.首先登陆官方网站进行下载:[https://dev.mysql.com/downloads/mysql/] 2.如图所示:step1:选 ...
- Nginx下载安装及简单配置
Nginx下载安装及简单配置 下载 配置Nginx 下载 Nginx官网下载路径 解压后目录如下: 配置Nginx 打开 conf/nginx.conf 配置文件 添加一个server,进行简单的测试 ...
- nginx(windows环境安装)
介绍 Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,并在一个BSD-like 协议下发行.其特点是占有内存少,并发能力强,事实上nginx的并发能力 ...
- 【Autopsy数字取证篇】Autopsy数字取证软件的下载安装与优化配置
[Autopsy数字取证篇]Autopsy数字取证软件的下载安装与优化配置 Autopsy是一款免费开源的优秀数字取证(Digital Forensics)软件,提供与其他数字取证工具相同的核心功能, ...
- Windows 10安装Docker以及配置镜像加速
Windows 10安装Docker以及配置镜像加速 一 环境检查 1.1 检查是否开启虚拟化 1.2 开启Hyper-V服务 二 下载安装Docker 2.1 安装前配置安装目录 2.2 进入阿里云 ...
- Hadoop下载安装及HDFS配置教程
Hadoop下载安装及HDFS配置教程 前言 Hadoop是一个由Apache基金会所开发的分布式系统基础架构.用户可以在不了解分布式底层细节的情况下,开发分布式程序.充分利用集群的威力进行高速运算和 ...
- windows下安装cygwin及配置
windows下安装cygwin及配置 对于使用Windows操作系统作为开发平台同时又喜欢类unix环境的朋友(Windows不是最方便的开发环境),这里是在Cygwin环境下安装Rails的步骤 ...
最新文章
- django中的项目使用mysql中的配置新建用户授予权限
- JQuery AJAX基本使用
- 1005打印任务取消不了 hp_惠普HP M1136 MFP多功能打印机 一年半使用感受(学生打印机)...
- 关于stat命令和时间戳
- 让 ASP.NET JS验证和服务端的 双验证 更简单
- 我们的电梯调度算法的独到之处
- express-art-template模板引擎(详细)
- YAF根据条件拼接SQL语句
- 关于U盘不能新建文件夹
- 全国所有县的12.5m分辨率DEM数据制作与分享
- 怎么设置html按钮的文字垂直居中显示,word文档如何设置页面文字垂直居中
- vot toolkit的超详细使用(多图)
- 为什么影子会相互吸引? - 《像乌鸦一样思考》
- 浅析Python文件操作
- 数据预处理 拉依达准则 matlab,数学建模数据预处理.doc
- The Things Network LoRaWAN Stack V3 学习笔记 2.7.1 Web 前端开发调试
- win10系统查看组件服务器,win10系统查看邮箱服务器信息的技巧介绍
- vue-cli脚手架build目录下utils.js工具配置文件
- 计算机心理部的活动记录表,心理部工作总结的参考范文
- 天堂鸟社区forum.php,图文并茂给新人讲讲黄帆天堂鸟的繁殖过程
热门文章
- Future和CompletableFuture的区别和对比,以及Future主要的四个缺点——不能回调会阻塞、批量任务处理彼此依赖会阻塞、不能多个任务级联执行、得不到最先完成的任务
- GET和POST两种基本请求方法的区别(截取自https://www.cnblogs.com/logsharing/p/8448446.html)
- ffmpeg 添加水印LOGO
- 前后端完全分离出现跨域、无法访问后台解决方案
- div 中的控件底部对齐_如何将div的内容与底部对齐?
- ssh登录远程服务器_设置iTerm2免密登陆ssh远程服务器
- Java txt 下拉刷新_手写上拉加载,下拉刷新(小demo)
- linux安装tightvnc_tightvnc安装配置,在Linux系统中进行tightvnc安装配置
- 初探GNN-文本表示学习
- Linux之后台运行(nohup和)