Springboot结合Vue前后端分离项目部署流程（1）

（1）axios部分

（2）vue.config.js部分

我所用的为vue-cli脚手架，直接可以直接使用命令打包

第一种方式是在terminal中

如果terminal中命令用不了的话，可以进入到自己电脑中的本项目vue路径点击如图位置，然后输入cmd打开控制台，输入

出现如下并在vue目录下出现dist文件夹即为打包成功

然后即可将其传输到linux系统下，注意尽量不要放在/目录下作为一级目录

在Linux系统中输入apt-get install nginx安装

安装过程暂不多述，安装完成后，进入你安装后的nginx目录下

然后在conf文件夹下nginx下配置nginx.conf文件

这些属性尽量都要有，缺少的格式直接添加即可。

listen为监听端口，即为，启动时部署的前端端口

servername为域名，如127.0.0.1

root为前端dist路径，注意这里为绝对路径

proxy_pass 中的应与servername一致，并在后面添加端口号，后方端口号为后端端口号，从而解决跨域问题。

添加完成保存文件即可。

常规情况下直接进入nginx文件夹的nginx/sbin目录执行./nginx即可启动nginx服务，进入域名端口号即可访问。

但是有时后会出现以下情况

对应端口号已经被占用。

这样通常情况下是因为nginx配置自动启动部分进程，我们可以使用

命令来查看对应进程，这里9088是因为我listen端口号为9088，配置为自己的即可。

这里可以查询到对应进程为nginx及pid，我们使用

杀死对应进程。然后即可运行

来启动nginx前端服务啦。这样我们在浏览器输入对应地址及端口号即可进入前端页面了。

有其他问题可留言或私聊，我看到会及时回复大家。

张先生不才，还请多担待。