摘要:我有一些需求,需要搭建一个静态服务,路由在前端,前端请求,需要到代理到服务器,图片资源需要代理到图片资源服务器。
我有一些需求,需要搭建一个静态服务,路由在前端,前端请求API,需要到代理到API服务器,图片资源需要代理到图片资源服务器。这里持续更新修正
upstream server-api{ # api 代理服务地址 server 127.0.0.1:3110; } upstream server-resource{ # 静态资源 代理服务地址 server 127.0.0.1:3120; } server { listen 3111; server_name localhost; # 这里指定域名 root /home/www/server-statics; # 匹配 api 路由的反向代理到API服务 location ^~/api/ { rewrite ^/(.*)$ /$1 break; proxy_pass http://server-api; } # 假设这里验证码也在API服务中 location ^~/captcha { rewrite ^/(.*)$ /$1 break; proxy_pass http://server-api; } # 假设你的图片资源全部在另外一个服务上面 location ^~/img/ { rewrite ^/(.*)$ /$1 break; proxy_pass http://server-resource; } # 路由在前端,后端没有真实路由,在路由不存在的 404状态的页面返回 /index.html # 这个方式使用场景,你在写React或者Vue项目的时候,没有真实路由 location / { try_files $uri $uri/ /index.html =404; } }
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/39503.html
摘要:项目开发准备描述项目技术选型接口接口文档测试接口启动项目开发使用脚手架创建项目开发环境运行生产环境打包运行管理项目创建远程仓库创建本地仓库配置将本地仓库推送到远程仓库在本地创建分支并推送到远程如果本地有修改新的同事克隆仓库如果远程修 day01 1. 项目开发准备 1). 描述项目 2). 技术选型 3). API接口/接口文档/测试接口 2. 启动项目开发 1). 使用react...
阅读 3513·2021-10-09 09:43
阅读 6098·2021-09-07 10:15
阅读 2719·2019-08-30 14:03
阅读 3033·2019-08-29 11:01
阅读 1676·2019-08-29 10:56
阅读 1033·2019-08-28 17:52
阅读 3465·2019-08-26 11:42
阅读 2517·2019-08-26 10:33