欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

前后端分离Nginx转发

程序员文章站 2022-04-15 22:45:57
前后端分离中Nginx作为web前端容器,需要访问后端接口通常需要通过路径转发,直接访问后端API会造成跨域问题,配置文件如下 server { listen 80; server_name localhost; #charset koi8-r; #access_log logs/host.acce ......

前后端分离中nginx作为web前端容器,需要访问后端接口通常需要通过路径转发,直接访问后端api会造成跨域问题,配置文件如下

server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html;
            index  index.html index.htm;
         }

         location ^~ /app/ {
          
            proxy_pass  http://localhost:8081/;
         }

其中端口80,访问根路径 http://localhost/ 则为 nginx容器本身内容,如访问  http://localhost/app/ 将会跨域转发至http://localhost:8081/  目录下 ,即访问

http://localhost/app/api/test 实为 http://localhost:8081/api/test 。