Nginx 配置代理

Nginx 配置 ws 代理

复制代码
 # WebSocket代理
 location /wsUrl/ {
      rewrite ^/wsUrl/(.*)$ /$1 break; 
      proxy_pass http://192.168.1.100:9890; #这里是http不是ws,不用怀疑,代理的ip和port写ws访问的实际地址
      proxy_http_version 1.1;    
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "upgrade";
    }

http 代理

复制代码
  location ^~ /apis/ {
	          proxy_set_header X-Forward-For $remote_addr;
	          proxy_set_header X-real-ip $remote_addr;
	          proxy_pass http://10.10.9.5:9002/;
	        }

定位index.html

复制代码
location / {   
	        try_files $uri $uri/ /index.html;
	     } 

vue 代理只能解决开发环境 不能解决部署环境,所以需要用nginx代理

相关推荐
全栈前端老曹12 分钟前
【ReactNative】核心组件与 JSX 语法
前端·javascript·react native·react.js·跨平台·jsx·移动端开发
用户542778485154019 分钟前
JavaScript 闭包详解:由浅入深掌握作用域与内存管理的艺术
前端
小小黑00719 分钟前
快手小程序-实现插屏广告的功能
前端·javascript·小程序
用户542778485154020 分钟前
闭包在 Vue 项目中的应用
前端
TG:@yunlaoda360 云老大24 分钟前
配置华为云国际站代理商OBS跨区域复制时,如何编辑委托信任策略?
java·前端·华为云
dlhto1 小时前
前端登录验证码组件
前端
@万里挑一1 小时前
vue中使用虚拟列表,封装虚拟列表
前端·javascript·vue.js
黑臂麒麟1 小时前
Electron for OpenHarmony 跨平台实战开发:Electron 文件系统操作实战
前端·javascript·electron·openharmony
wordbaby1 小时前
Tanstack Router 文件命名速查表
前端
1024肥宅1 小时前
工程化工具类:模块化系统全解析与实践
前端·javascript·面试