Nginx设置前后端分离实例代码

本文主要和大家分享nginx设置前后端分离实例代码,为了帮助大家更好的掌握nginx设置前后端分离,本文分享的代码很详细,希望能帮助到大家。

#user  nobody;worker_processes  1;#error_log  logs/error.log;#error_log  logs/error.log  notice;#error_log  logs/error.log  info;#pid        logs/nginx.pid;events {    worker_connections  1024;}http {    include       mime.types;    default_type  application/octet-stream;    #sendfile        on;    #tcp_nopush     on;    #keepalive_timeout  0;    keepalive_timeout  65;        proxy_set_header Cookie $http_cookie;        proxy_set_header X-Forwarded-Host $host;        proxy_set_header X-Forwarded-Server $host;        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;        proxy_set_header Host $host;        proxy_set_header X-Real-IP $remote_addr;      gzip  on;    sendfile     on;    server {        listen       8100;        server_name  localhost;        location =/ {            root /Users/abee/WebstormProjects/Angular/dist;             index index.html index.htm;            try_files $uri $uri/ /index.html =404;        }        location ~* .(js|css|htm|html|gif|jpg|jpeg|png|bmp)$ {             root /Users/abee/WebstormProjects/Angular/dist;         }        location / {            proxy_pass http://localhost:8200/;        }                  }}

登录后复制

如果有多个server端location可使用另一种配置

 location /server1/ {            proxy_pass http://localhost:8300/;        }

登录后复制

仅作测试参考。

相关推荐:

有关前后端分离与实践的nodejs中间层服务的知识

有关前后端分离与实践的nodejs中间层服务的知识

有关前后端分离与实践的nodejs中间层服务的知识

以上就是Nginx设置前后端分离实例代码的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2786870.html

(0)
上一篇 2025年3月8日 17:57:33
下一篇 2025年3月7日 04:31:29

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 在Vue中highCharts绘制3d饼图实例分享

    本文主要和大家介绍在vue中highcharts绘制3d饼图实例,highcharts是国外知名基于javascript的图表库。由于中文官网的vue中使用highcharts配置繁琐并且需要引入jquery作为依赖,所以弃用。希望本文能帮…

    2025年3月8日
    200
  • Ionic实现验证码倒计时实例分享

    在用户注册的时候,时下不少app都选择了绑定手机号注册,这是一个非常好的想法,便捷用户操作,也很方便遵循实名制的问题,在设计按钮的时候,需要让他显示在输入验证码的旁边,并在用户点击后,开始倒计时,并将按钮变成无法点击效果。本文主要和大家介绍…

    编程技术 2025年3月8日
    200
  • vue使用ref 让父组件调用子组件实例

    父级组件上的三个按钮可以,调用子组件loading的三个方法,执行不同的操作。本文主要和大家介绍vue 使用ref 让父组件调用子组件的方法,需要的朋友可以参考下,希望能帮助到大家。 nbsp;html>              显…

    2025年3月8日
    200
  • js点击收缩或张开的悬浮窗实例分享

    本文主要和大家介绍了js实现可以点击收缩或张开的悬浮窗效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。 说明:点击”+“按钮,悬浮窗收缩/展开 思路 1、在html中定义一个p块,定一个id;一个按钮,点击时用。 …

    编程技术 2025年3月8日
    200
  • 用react写一个分页组件的示例

    本文主要和大家介绍用react来写一个分页组件(小结),希望能帮助大家学会用react来写一个分页组件,下面我们一起来学习一下吧。 效果截图(样式可自行修改): 构建项目 create-react-app react-paging-comp…

    2025年3月8日
    200
  • JS实现图片轮播的实例

    本文主要为大家带来一篇使用js实现图片轮播的实例(前后首尾相接),代码参考了一位已经写好了图片轮播功能的(再次表示感谢),但是没有首尾相接的功能,本人在此基础上增加了首尾相接功能。 效果如下: nbsp;html PUBLIC “-//W3…

    2025年3月8日
    200
  • react前后端同构渲染示例代码

    前后端同构渲染:当客户端请求一个包含react组件页面的时候,服务端首先响应输出这个页面,客户端和服务端有了第一次交互。然后,如果加载组件的过程需要向服务端发出ajax请求等,客户端和服务端又进行了一次交互,这样,耗时相对较长。前后端同构渲…

    2025年3月8日
    200
  • Nginx的location匹配实例分享

    本文主要和大家分享nginx的location匹配实例,由于团队在进行前后端分离,前端接管了nginx和node层,在日常的工作中,跟nginx打交道的时候挺多的。之前对location的匹配规则是一知半解的,为了搞明白location是如…

    编程技术 2025年3月8日
    200
  • 六种css三栏布局方法示例

    本文我们主要和大家分享六种css三栏布局方法示例, 谈到布局,首先就要想到定位,当别人问我,css的position定位有哪些取值,分别表示什么意思?呃…..抓头.gif,是时候回归本质,看定义了。 定位 position有六个…

    2025年3月8日
    200
  • JS内存管理实例讲解

    js有完善的内存处理机制,所以之前我们不用特别的去关注这块的实现。页面不快了,刷新一下就好了;浏览器卡顿,重启一下就ok。但是随着spa和移动app的流行,以及未来可能存在的pwa的实现,js内存可能成为新的内存瓶颈。 1.什么是内存泄漏 …

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论