Vue项目部署到SpringBoot项目的方法

原文网址：Vue项目部署到SpringBoot项目的方法_IT利刃出鞘的博客-CSDN博客

简介

本文介绍如何将Vue项目部署到SpringBoot项目。

1.修改前端的后端服务地址

找到vue工程的 .env.development 文件，修改 TARGET 为正式环境后端服务API根地址:

# just a flag
ENV = 'development'

# backend api
TARGET = 'http://localhost:9000/'

2.修改前端URL转发

修改.env文件，原来是：

# base api

VUE_APP_BASE_API = '/api'

修改为：

# base api

#VUE_APP_BASE_API = '/api'

VUE_APP_BASE_API = ''

原因：

前后端独立部署时，前端会有个转发，在vue.config.js：

 

而当部署到SpringBoot后，这个转发就无效了，必须将其去掉。否则所有对后端的请求都带着api前缀，会报404错误。

3.编译前端工程

上边是文章的部分内容，为便于维护，全文已转移到此网址：Vue项目部署到SpringBoot项目的方法 - 自学精灵