nginx配置代理多个前端资源
更新时间：2023年04月12日 09:49:06 作者：万物可测
本文主要介绍了nginx配置代理多个前端资源，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
背景
两套不同的前端使用同一个后端服务，前端使用的Nginx代理的dist包
前端
vue+elementui
后端
Python+flask
Nginx代理设置
1.进入Linux机器，whereis nginx 查看Nginx安装位置
2.进到Nginx配置文件下
3.vim nginx.conf 通过多个server管理多个端口前端资源代理
#前端一，端口8080访问就可以代理到
server {
listen 8080;
server_name 124.222.181.200;
location /{
root /root/.jenkins/workspace/test_vue_ks/dist;
index index.html index.htm;
}
#后端接口
location /api{
proxy_pass http://xxx:5555/;
proxy_cookie_path / /api;
proxy_redirect default;
rewrite ^/api/(.*) /$1 break;
client_max_body_size 500m;
}
}
#前端二，端口8082访问就可以代理到
server {
listen 8082;
server_name 124.222.181.200;
location /{
root /root/.jenkins/workspace/test_vue_xs/dist;
index index.html index.htm;
}
#后端接口地址
location /api{
proxy_pass http://xxx:5555/;
proxy_cookie_path / /api;
proxy_redirect default;
rewrite ^/api/(.*) /$1 break;
client_max_body_size 500m;
}
}4.保存好了后，进到sbin文件下重启Nginx，
到此这篇关于nginx配置代理多个前端资源的文章就介绍到这了,更多相关nginx配置代理前端资源内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
由淘宝网发起的Web服务器 Tengine 可以被看作一个更好的Nginx，或者是Nginx的超集。它在Nginx的基础上，针对大访问量网站的需求，添加了很多高级功能和特性2012-11-11
这篇文章主要给大家介绍了关于Nginx解决403 forbidden的完整步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-09-09
这篇文章主要给大家介绍了关于nginx中一个请求的count计数跟踪的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-01-01
日志对于统计排错来说非常有利的,本文为大家总结了nginx日志相关的配置如access_log、log_format、open_log_file_cache等内容,感兴趣的小伙伴可以了解下2023-08-08
关于多级缓存使用(nginx本地缓存、JVM进程缓存、redis缓存)
这篇文章主要介绍了关于多级缓存使用(nginx本地缓存、JVM进程缓存、redis缓存),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
nginx部署前端项目location时root和alias配置指南
nginx指定文件路径有两种方式root和alias,下面这篇文章主要给大家介绍了关于nginx部署前端项目location时root和alias配置的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-01-01
在有一次配置时发现，请求 uri 明明是符合了前缀匹配 ^~ 规则，但 nginx 却没有使用，这让我对上述结论产生了疑惑。后续通过调研、实践后发现，上述结论可以说对，但也不对，是不是更疑惑了？没关系，看完这篇文章你就知道我为什么会这样说了2022-05-05
本文介绍了使用Nginx解决Web开发中的跨域问题,并通过一个实例说明了配置和测试过程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-10-10
nginx禁止直接通过ip进行访问并跳转到自定义500页面的操作
这篇文章主要介绍了nginx禁止直接通过ip进行访问并跳转到自定义500页面的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-05-05
这篇文章主要介绍了nginx http重定向https配置说明的相关资料,需要的朋友可以参考下2017-04-04
最新评论