nginx配置反向代理前后端分离项目(配置两个转发)
本文重点讲术springboot +vue前后端分离nginx如何配置两个代理一、通常SpringBoot与vue 进行前后端分离,主要有两种方式:1.打包(npm run build命令)vue项目出来的dist文件夹拷贝到springboot项目的static文件目录,部署到tomcat即可。2.利用nginx的反向代理。本文主要讲解第二种首先打包前端项目到指定目录:E:\fjgh\...
·
本文重点讲术springboot +vue前后端分离nginx如何配置两个代理
一、通常SpringBoot与vue 进行前后端分离,主要有两种方式:
1.打包(npm run build命令)vue项目出来的dist文件夹拷贝到springboot项目的static文件目录,部署到tomcat即可。
2.利用nginx的反向代理。
本文主要讲解第二种
首先打包前端项目到指定目录:E:\fjgh\dist
然后部署后端项目到另一台服务器,现在前后端项目在不同的服务器上。
二、nginx配置
关键在于servier配置
server {
listen 80;
server_name localhost;
location / {
root E:\fjgh\dist ; #vue项目的打包后的dist
index index.html index.htm; #index访问的是上面dist里面的index.html
#开启gzip压缩,降低传输流量,减少响应时间
gzip on;
gzip_min_length 1k;
gzip_buffers 4 16k;
gzip_http_version 1.1;
gzip_comp_level 2;
gzip_types text/plain application/x-javascript text/css application/xml application/json ;
gzip_vary on;
}
location /un/ {
#代理后端服务(后端接口地址)
proxy_pass http://fjghmultiple/un/;
}
}
更多推荐
已为社区贡献3条内容
所有评论(0)