nginx加vue加spring boot配置前后台分离

vue用vue-cli打包后默认路径为http://......./#/....,配置nginx看我下面，

---

nginx基础配置

---

listen 8888是你在浏览器访问的端口号，server_name localhost是你的访问路径名，例如http://localhost:8888......

root指的是存放通过vue-cli打包后的文件地址，你也可以定义自己的路径，下面的index  index.html index.htm指的是root文件夹下的，当网页被访问时，首先访问的地方，后面的inde.htm是在前一个没有的情况下使用这个文件。

location段落中

在location后面的 /#/为vue的路径，vue默认的路径格式是带有/#/的，如果想要消除可以去看官方文档如何去掉#，而proxy_pass 这个这是我们后台的配置访问的路径，例如@Request("/login")，后台的端口为8080，在浏览器上访问时只需通过http://localhost:8888/#/login，即可访问http://localhost:8080/#/login.

如果想要了解配置可以看看国外的大神：nginx官网配置，