使用Nginx将vue请求地址反向代理到后台服务真实地址

1.下载Ngxin
http://nginx.org/en/download.html

2.把前端打包好的文件放到Nginx中
在这里插入图片描述

3.修改Nginx配置
根据自己实际的路径:D:\project\soft\nginx-1.18.0\conf\nginx.conf

   listen       8088;
    server_name  localhost;

    #charset koi8-r;

    #access_log  logs/host.access.log  main;

    location / {
        root   html/dist;
        index  index.html index.htm;
    }
	location /prod-api/ {
        proxy_pass   http://localhost:8001/;
    }

在这里插入图片描述
4.启动Nginx
访问接口
我这边是把:http://localhost:8088/prod-api/AmpCompanyTemporaryController/getCompany
代理到:http://localhost:8001/AmpCompanyTemporaryController/getCompany
所以在Nginx配置中配置 /prod-api/

前端请求的地址
在这里插入图片描述
后台服务真实的接口地址
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐