今天在虚拟机上尝试前后端分离式部署调用，记录下配置过程
1. 前端打包 npm run build，会在项目根目录下生成一个dist的文件夹，这里我把dist下的文件及目录放在虚拟机/usr/local/src/html位置
2. 后端打包简略说一下吧，使用maven打出来的jar包放在虚拟机目录：/usr/local/src/java文章来源：https://www.toymoban.com/news/detail-685055.html
3. 安装好nginx后，找到nginx.conf文件，打开进行前后端配置文章来源地址https://www.toymoban.com/news/detail-685055.html
# 进入nginx配置目录
cd /usr/local/nginx/conf
# 编译nginx.conf配置文件
vim nginx.conf
# 找到下面文件位置
server {
listen 5173;//这里配置了前端请求端口，java应用的实际端口是8080
server_name 192.168.12.131;
#charset koi8-r;
#access_log logs/host.access.log main;
# 前端请求地址
location / {
root /usr/local/src/html;# 前端静态文件的实际位置
index index.html index.htm;
}
# 后端请求地址
location /basic-api/ {
proxy_set_header Host $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://192.168.12.131:8080/prod-api/;#注意加上请求前缀访问地址，与配置文件保持一致
}
到了这里，关于Nginx前后端分离部署配置的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
