本文共 1663 字,大约阅读时间需要 5 分钟。
src/assests/config.js
文件baseURL
为服务器访问地址:baseURL: 'http://XXXX:82/api/pethospital/'
将XXXX
替换为服务器IP地址
npm run build
dist
文件夹生成前端项目静态资源pom.xml
文件<plugins>
标签内添加以下内容:org.springframework.boot spring-boot-maven-plugin 2.7.3 jar-with-dependencies
mvn clean install
打包完成后会在target
目录下生成pethospital.jar
文件
打开Nginx配置文件nginx.conf
,添加以下内容:
server { listen 80; server_name your_server_ip; location / { proxy_pass http://localhost:8082; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; } location /api { proxy_pass http://localhost:8082; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; }}
将your_server_ip
替换为服务器IP地址
重新启动Nginx服务:
nginx -s sites-available/default -c sites.enabled
http://your_server_ip:80
,查看前端页面tail -f /var/log/nginx/access.log
通过以上步骤,您可以成功将前后端分离的SpringBoot+Vue项目部署到Linux服务器上,并通过Nginx进行反向代理。
转载地址:http://mekfk.baihongyu.com/