2018-07-22

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官网配置

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 137,072评论 19 139
  • 最短路径算法之Dijkstra算法 基本思想 通过Dijstra计算图G中的最短路径时,需要指定起点s(即从顶点s...
    Ping接未来阅读 180评论 0 0
  • vue.js:603 [Vue tip]: : component lists rendered with v-f...
    无欲而为阅读 145评论 0 0
  • (一) “看,那个女孩要跳楼。” 一栋高楼下面,一人偶尔抬头,发现楼顶有个人,抱着自己的膝盖,坐在露台边缘。 旁边...
    黎小贝6阅读 573评论 2 1
  • 断片一:初见 第一次见到陈辰是在高二,这个高个子男孩让人过目不忘。 同桌曹扬从窗外伸手接过一件物事,仔细一看是一部...
    木子白说阅读 643评论 12 5

友情链接更多精彩内容