前端设置nginx代理
进入nginx —> 进入conf ----> 编辑nginx.conf文件 新建xxxx.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;# 502 bad gateway 错误解决配置 startproxy_buffer_size 64k;proxy_buffers 32 32k;proxy_busy_buffers_size 128k;# 502 bad gateway 错误解决配置 endgzip on;include ".\\xxxx.conf"; # 项目配置文件s# include ".\\tm.conf"; # 导入上面的配置文件# include ".\\xxxxxx.conf"; # 导入上面的配置文件}
上述xxxx.conf文件
server {listen 9999; #监听端口号server_name localhost;location = / {root E:/xxxx/xxxxx/xxxx/node_modules/xxx/xxxx/xxx/src; #node_modules模块地址index index.html index.htm;}location ^~ /node_modules/ {root E:/xxxx/xxxxx/xxxx; #项目文件地址}location ^~ /apps/project/ {root E:/xxxx/xxxxx/xxxx/node_modules/xxxx/xxxxx; #/apps/project/文件中node_modules模块依赖文件}location ^~ /apps/ { # 应用apps位置root E:/xxxx/xxxxx/xxxx; #项目文件地址}location ^~ /resource/ {root E:/xxxx/xxxxx/xxxx/node_modules/xxxx/xxxxx; #node_modules模块地址}location ~ /[^/]*\.(html|js|css|txt|jpg|png|gif|ttf|ico|woff|woff2|xlsx|mpp|json)$ {root # 最顶部第一个location地址;expires 30d;break;}# location /文件 {# proxy_pass http://172.17.7.39:18082/文件;# }# location /socket {# proxy_pass http://192.168.0.2:7008/socket; # proxy_set_header X-Forwarded-Port $Server_port;# proxy_set_header X-Forwarded-Proto $scheme;# proxy_http_version 1.1;# proxy_set_header Upgrade $http_upgrade;# proxy_set_header Connection "upgrade";# }location / {proxy_pass http://192.168.0.0:8080; #设置代理地址proxy_redirect off;proxy_set_header appId '#代理的appid';add_header appId '#代理的appid';fastcgi_buffer_size 64k;fastcgi_buffers 32 32k;fastcgi_busy_buffers_size 128k;proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;client_max_body_size 1024m;client_body_buffer_size 128k;proxy_connect_timeout 6000;proxy_send_timeout 6000;proxy_read_timeout 6000;proxy_buffer_size 128k;proxy_buffers 16 128k;proxy_busy_buffers_size 512k;proxy_temp_file_write_size 512k;}}
前端设置nginx代理相关推荐
- Nginx前端设置反向代理,后端Apache如何获取访客的真实IP,结合PHP。
nginx反向代理后,在应用中取得的ip都是反向代理服务器的ip,取得的域名也是反向代理配置的url的域名,解决该问题,需要在nginx反向代理配置中添加一些配置信息,目的将客户端的真实ip和域名传递 ...
- Nginx前端设置反向代理,后端Apache如何获取访客的真实IP,结合PHP
nginx反向代理后,在应用中取得的ip都是反向代理服务器的ip,取得的域名也是反向代理配置的url的域名,解决该问题,需要在nginx反向代理配置中添加一些配置信息,目的将客户端的真实ip和域名传递 ...
- mac 设置 nginx 代理
安装 nginx 百度即可 打开nginx 进行配置 vi /opt/homebrew/etc/nginx/nginx.conf Last login: Fri Dec 10 18:05:41 on ...
- nginx代理配置总和
代理后台服务后,提供给前端使用 nginx代理设置(此处使用65服务器的nginx地址,端口号为80,当端口号为80时可默认不写),修改nginx.conf配置文件 location /oauth_s ...
- go 通过nginx代理后获取用户ip
go 如果使用自己的服务器,可以直接使用 net/http 来获取 func ip(w http.ResponseWriter, r *http.Request) {fmt.Println(r.Rem ...
- 多个 VUE 前端工程部署设置、nginx 代理配置
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. PS:早期 我只有一个 VUE 前端工程:gentle-vue ,加一个 java 后端工程:gen ...
- webstorm前端使用Nginx 反向代理解决跨域问题
1.webstorm设置端口 2. 3. 4. 5. 把项目放到nginx安装目录的html文件夹下: 6. 配置nginx.conf文件 server {listen 8090; #监听端口serv ...
- Nginx 代理解决前端跨域问题
目录 一.什么是 nginx 二.nginx 的用途 三.代理 1.正向代理 2.反向代理 四.nginx.conf 配置文件的基本结构 五.nginx 的内置变量 六.nginx 解决跨域的原理 七 ...
- 使用webpack-dev-server设置反向代理解决前端跨域问题
使用webpack-dev-server设置反向代理解决前端跨域问题 参考文章: (1)使用webpack-dev-server设置反向代理解决前端跨域问题 (2)https://www.cnblog ...
最新文章
- Hyper-V 2节点集群高可用的限制
- python代码大全表解释-python实现顺序表的简单代码
- 【嵌入式】Libmodbus源码分析(一)-类型和结构体
- python批量复制文件问题,python 批量复制不同目录下的文件
- MySQL初级培训_Mysql初级学习
- VMWare 安装 Eclipse
- C语言实现简单计算器(可以处理小括号)
- 正式发布python版本的年份_飞书全新版本π正式发布 高效便捷的团队沟通新工具...
- 双网关,可以上内网或外网,如何同时上内网和外网?
- 工业大数据的应用有哪些
- php nsdata,转换NSArray- JSON- NSData- PHP服务器- JSON表示
- linux系统运行3dmax,Linux下3D桌面的效果的实现
- linux超级块编辑,在EXT4 linux系统上模拟丢失的超级块错误
- 故障树分析法MATLAB,故障树分析(FTA)方法及其基于VC的软件设计的研究
- 社会网络分析法SNA
- sdau启航前端第一次作业
- 学习笔记:Qt程序打包发布
- 7.1 RAID(独立冗余磁盘阵列)
- Numpy:数组(Ndarray)操作之数组的转换
- 软件缺陷及其生命周期
热门文章
- 二:以理论结合实践方式梳理前端 ES 6+ ——— ES 6+ 基础语法
- 【报告分享】中国消费品和零售行业纵览报告(2021)-德勤(附下载)
- 中学德育工作汇报材料
- Python中lambda详解(包括内置函数map、reduce、filter、sorted、max)
- ajax datatype 文件,关于ajaxFileUpload中dataType的有关问题
- Android存储权限
- 研究生毕业论文技巧总结
- html点击按钮复制一个样式,这10个按钮,把 CSS HOVER 的创意发挥到极致了
- 东北大学软件学院计算机网络平时测验1
- UML类图中连接线与箭头的含义(转)