vue+springBoot前后端分离项目，nginx部署

Certainly_

已于 2023-08-14 16:10:57 修改

阅读量322

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js spring boot nginx

于 2023-08-14 15:45:41 首次发布

本文链接：https://blog.csdn.net/Certainly_/article/details/132277092

本文详细描述了如何在Vue和SpringBoot项目中实现前后端分离，包括使用Tomcat部署、Nginx作为静态资源服务器，以及处理跨域问题。还介绍了打包Vue项目和运行SpringBoot应用的步骤，以及常用的Nginx命令。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue+springBoot前后端分离项目，tomcat部署记录

nginx部署vue

npm run build打包vue项目dist
将dist文件放到，nginx-html目录下
修改nginx.conf配置文件

  server {
        listen       80;
        server_name  localhost;
        
		location /api/{
            proxy_pass   http://127.0.0.1:8088; #配置跨域
        }

        location / {
            root   D:\Nginx_1.23.0\html\dist;
            index  index.html index.htm;
			try_files $uri $uri/ /index.html; #解决页面刷新404
        }
}

start nginx 启动项目
访问 localhost:80