怎么使用nginx代理实现静态资源访问 |
您所在的位置:网站首页 › nginx如何使用快代理 › 怎么使用nginx代理实现静态资源访问 |
怎么使用nginx代理实现静态资源访问
发布时间:2022-06-29 14:14:02
来源:亿速云
阅读:2934
作者:iii
栏目:开发技术
今天小编给大家分享一下怎么使用nginx代理实现静态资源访问的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。 一. 目标:为了通过nginx请求静态资源(css、图片等),通过nginx代理进行页面预览。 二. 实现效果:通过浏览器输入nginx代理地址以打开页面方式访问本地html文件,也可以通过访问代理路由访问接口实现页面预览功能.注:我演示的是在本地windows开发环境下的配置 三. 具体配置1. nginx配置本地静态工程代理找到nginx配置文件nginx.conf,配置nginx代理 server{ listen 80; #前端门户工程 location / { alias D:/workspace/sc-multipl-static-web-project/; index index.html; }说明:D:/workspace/sc-multipl-static-web-project/ 是你的前端工程文件路径 保存配置文件并重启nginx,浏览器输入 localhost:80 验证 2. win10配置本地域名实现域名访问域名访问实际上是通过对应ip地址,再通过ip访问服务的,如果我们没有开通互联网域名,可以通过配置本地域名映射模拟域名访问的(只在本机有效)打开C:\Windows\System32\drivers\etc,找到hosts文件,如果没有则自己新增一个,以管理员身份打开编辑,输入 127.0.0.1 www.chen123.com 再打开nginx配置文件 server{ listen 80; server_name www.chen123.com; ssi on; ssi_silent_errors on; #前端门户工程 location / { alias D:/workspace/sc-multipl-static-web-project/; index index.html; } }保存配置文件并重启nginx,浏览器输入 localhost:chen123 验证 3.nginx配置页面预览路由首先,你要先实现一个页面预览接口,返回格式为String类型,内容其实就是html的文本内容再打开nginx配置文件 http { include mime.types; default_type application/octet-stream; sendfile on; #tcp_nopush on; #keepalive_timeout 0; keepalive_timeout 65; #gzip on; #cms页面预览路由 upstream cms_server_pool { server 127.0.0.1:31001 weight=10; } server{ listen 80; server_name www.xuecheng.com; ssi on; ssi_silent_errors on; #前端门户工程 location / { alias D:/workspace/sc-multipl-static-web-project/; index index.html; } #页面预览 location /cms/preview/ { proxy_pass http://cms_server_pool/cms/preview/; } } }http://cms_server_pool/cms/preview/ 就是你要实现的页面预览接口,通过配置路由实现跳转到真实地址, upstream cms_server_pool { server 127.0.0.1:31001 weight=10; #如果有多个服务器,可以写在下面,例如 #server 127.0.0.1:31002 weight=10; }保存配置文件并重启nginx,浏览器输入 http://cms_server_pool/cms/preview 验证 我本地的nginx配置如下 events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; sendfile on; keepalive_timeout 65; #gzip on; #cms页面预览路由 upstream cms_server_pool { server 127.0.0.1:31001 weight=10; } server{ listen 80; server_name www.xuecheng.com; ssi on; ssi_silent_errors on; #前端门户工程 location / { alias D:/workspace/sc-multipl-static-web-project/; index index.html; } #页面预览 location /cms/preview/ { proxy_pass http://cms_server_pool/cms/preview/; } } }以上就是“怎么使用nginx代理实现静态资源访问”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注亿速云行业资讯频道。 推荐阅读: Nginx 实现静态资源 Nginx代理配置只允许内部IP访问的实现免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。 nginx 上一篇新闻:Android怎么自定义View实现球形动态加速球 下一篇新闻:vue怎么通过$router.push传参数 猜你喜欢 使用Django怎么实现一个网页分页功能 8段用于数据清洗Python代码(小结) 利用Python绘制有趣的万圣节南瓜怪效果 python实现大量图片重命名 python3图片文件批量重命名处理 如何在Django1.11中使用paginator分页器 python实现批量文件重命名 怎么在Python中利用matplotlib绘制矩形 python如何实现操作文件 如何在python中使用requests实现一个http请求 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |