Vue-cli 的服务器部署
Posted 辞树
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue-cli 的服务器部署相关的知识，希望对你有一定的参考价值。
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 的服务器部署的主要内容，如果未能解决你的问题，请参考以下文章