最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

vue代理模式nginx配置的介绍

来源:动视网 责编:小采 时间:2020-11-27 19:27:14
文档

vue代理模式nginx配置的介绍

vue代理模式nginx配置的介绍:本篇文章给大家带来的内容是关于vue代理模式nginx配置的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。前端使用vue.js开发,后端使用tornado框架提供restful API, vue.js使用代理;如 当前端js请求http://192.168.9
推荐度:
导读vue代理模式nginx配置的介绍:本篇文章给大家带来的内容是关于vue代理模式nginx配置的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。前端使用vue.js开发,后端使用tornado框架提供restful API, vue.js使用代理;如 当前端js请求http://192.168.9


本篇文章给大家带来的内容是关于vue代理模式nginx配置的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

前端使用vue.js开发,后端使用tornado框架提供restful API, vue.js使用代理;如 当前端js请求http://192.168.9.62:9000/api/orders时候后端通过nginx配置去请求http://192.168.9.62:9000/v1/orders

需求

nginx需要将前端js请求http://192.168.9.62:9000/api/orders 转发 http://192.168.9.62:9000/v1/orders

nginx配置

upstream svrs {
 # 负载均衡的servers
 server 127.0.0.1:8001;
 server 127.0.0.1:8002;
 server 127.0.0.1:8003;
 server 127.0.0.1:8004;
 server 127.0.0.1:8005;
 server 127.0.0.1:8006;
 server 127.0.0.1:8007;
 server 127.0.0.1:8008;
 server 127.0.0.1:8009;
 server 127.0.0.1:8010;
}

server {
 listen 9000;
 server_name _;


 location /v1 {
 # 直接访问 http://192.168.9.62:9000/v1/orders 的配置
 proxy_pass_header Server;
 proxy_redirect off;
 proxy_set_header Host $http_host;
 proxy_set_header x-forwarded-for $remote_addr;
 proxy_set_header X-Real-IP $remote_addr;
 proxy_read_timeout 120;
 proxy_pass http://svrs;
 }

 location /api {
 # 访问http://192.168.9.62:9000/api/orders 的配置
 # 重写 api/ --> v1/ 
 rewrite ^.+api/?(.*)$ /v1/$1 break;
 # 后端的API服务器
 proxy_pass http://svrs; 
 }


 location / {
 # 前端打包的静态文件
 root /home/xx/xx_web;
 index index.html;
 }
}

文档

vue代理模式nginx配置的介绍

vue代理模式nginx配置的介绍:本篇文章给大家带来的内容是关于vue代理模式nginx配置的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。前端使用vue.js开发,后端使用tornado框架提供restful API, vue.js使用代理;如 当前端js请求http://192.168.9
推荐度:
标签: 模式 代理 VUE
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top