码迷,mamicode.com
首页 > 其他好文 > 详细

Vue-cli 的服务器部署

时间:2020-08-15 22:29:08      阅读:60      评论:0      收藏:0      [点我收藏+]

标签:ejs   配置   其他   进入   部署   vue-cli   vue   需要   切换   

VUE-CLI的服务器端部署后,页面展示路由出错。

在vue-cli搭建的项目打包部署到服务器之后,会发现首页的地址会出错:

比如:

? 我在服务端用(nginx)^~ /test 去匹配前缀带有/test/地址,跳转到静态资源即打包完成的首页。

? 但是当我访问http://xxx.com/test 进入我的首页之后,由于我设置了token,会跳转到login界面,这时首页就展示 的login页面,具体的地址为http://xxx.com/login,这时我设置的test前缀就无效了,如果进行刷新操作,就会导致页 面404或者跳转到服务器其他的应用程序,这是我不希望出现的情况。

? 查询了资料之后发现问题实际上是由于单页应用导致的,vue-route的地址跳转,routes中path写的便是‘/login’, 需要在Router配置中加上base字段,例如base:‘/test/‘,这时在页面切换的时候地址便会有‘/test‘的前缀。

? vue说明文档https://router.vuejs.org/zh/api/#base

Vue-cli 的服务器部署

标签:ejs   配置   其他   进入   部署   vue-cli   vue   需要   切换   

原文地址:https://www.cnblogs.com/1120lwk/p/13501988.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!