部署 springboot+vue 项目文档 一：部署 linux + nginx 1. 部署后台代码 1.1 由于本人采用的是 idea 工具开发，所以在 terminal 中 mvn clean package 生成对应 的 jar 包，此 jar 包可去对应文件所在目录的 target 查找。 1.2 将 jar 复制到 linux 之中。 2. 部署前端代码 2.1 使用 npm run build:prod --report 将前端项目打包，将会在前端目录下生成一个 dist 文件夹。 2.2 同样将 dist 复制到 linux 之中。 linux 服务器中需要装载 redis 以及 nginx，redis 是存放缓存数据，nginx 是用于代理前后 3. 端服务。 3.1 安装 redis 并启动。 3.2 安装 nginx 并修改相关配置。 找到 nginx 所在目录，并修改 conf/nginx.conf 文件，修改如下图： 4．启动 jar 包，并启动 nginx，在 windows 浏览器中直接输入 ip 即可访问。 4.1jar 后台启动，后台启动的话可以进行其他操作，否则将无法进行其他操作。 nohup java -jar jarName >msg.log 2>&1 & msg.log 文件是在输入上一行启动命令的当前目录下 

5．有的小伙伴可能第一次打包放上去没问题，但是后期修改了一些文件或者菜单等，再部 署上去可能会遇到菜单打不开之类的问题， 不要慌，只要修改 vue.config.js 文件里面的配置就好，如下图，去掉/之前的.即可 

二：部署 windows + tomcat(无 nginx) 1. 修改 pom 文件，改 jar 为 war: 2. 打包成 war 包之后直接复制到 windows 中的 tomcat 的 webapps 目录下，并修改名称为 prod-api，类似部署在 linux 中需要修改 nginx.conf 的配置。 3. 将 vue 项目打包并把 dist 文件复制到 tomcat 的 webapps 目录下。 4. 修改 tomcat 目录下的 conf 文件夹下的 service.xml: 1. 启动端口为后台的启动端口 2. 在 host 节点下添加对应的访问路径配置代码 如果不添加此处代码，登录是可以的，但是登陆之后是空白页，因为在本地的运行的项目是 类似 ip:端口/router 地址的，如果不修改，将会导致前面所说的问题。（不知道说的对不对， 个人猜想） 5. 启动 tomcat,输入 ip:端口即可。 6. 以上操作之后刷新页面的话会存在 404 错误，所以需要在 dist 目录的文件夹下新建 

WEB-INF 文件夹，并在里面添加 web.xml 文件: web.xml 文件代码如下： Router for Tomcat 404 /index.html 三：解决调用第三方 api 如百度地图 api 所存在的跨域问题