首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >后端和前端都使用nginx路由

后端和前端都使用nginx路由
EN

Stack Overflow用户
提问于 2019-04-07 20:17:11
回答 1查看 797关注 0票数 0

我已经开发了应用程序,其中有角前端和Springboot后端作为组件。我安装了Nginx并将/dist文件夹内容复制到/var/www/html。它运行良好,并在端口80上提供前端服务。现在,我需要为80端口的后端提供服务,该端口当前在8080中运行,URL中包含"api“部分。这将允许我的后端调用api端点,而无需使用单独的端口。这是我的/etc/nginx/sites-available/default文件。我在该文件中添加了以下部分。但它不起作用。

代码语言:javascript
复制
   server {
        listen 80 default_server;
        listen [::]:80 default_server;

        root /var/www/html;
        index index.html index.htm index.nginx-debian.html;

        server_name _;

        location / {
            try_files $uri $uri/ /index.html =404;
        }
    }

server {
        listen 80;
        listen [::]:80;

        server_name example.com;

        location / {
             proxy_pass http://localhost:8080/;
             proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
             proxy_set_header X-Forwarded-Proto $scheme;
             proxy_set_header X-Forwarded-Port $server_port;
        }
}
EN

回答 1

Stack Overflow用户

发布于 2019-04-07 22:57:07

`

代码语言:javascript
复制
server {
    listen 9090;
        server_name 192.168.10.10;
        index index.html;

        location /api/v1/ {
                proxy_pass http://127.0.0.1:8080; #api ip and port
                proxy_http_version 1.1;
                proxy_set_header Connection "";
                proxy_set_header X-Real-IP     $proxy_add_x_forwarded_for;
        }
        location /{
                root /user/dist; # path of angular application upto dist
                try_files $uri $uri/ /index.html;
       }
}

`

并点击url http://192.168.10.10:9090

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55558933

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档