Vue3 - 给路由 URL 地址加上自定义前缀，网页的路径前面带上自己固定的字符串字段前缀（给地址栏 url 前面自动拼接上自定义前缀并且与路由 path 自动结合，支持本地跑和部署到线上效果一致）

前言

例如 192.168.1.10:80/xxx/index，“xxx” 就是您想添加的自定义前缀，每次页面跳转时都会自动把 “xxx” 拼接到路由前面。

本文 实现了在 vue3 项目中，本地或部署时给网页地址栏 url 路由前添加自定义固定前缀，每次跳转页面时都自动拼接路由，

无论处于开发环境还是打包部署，每次页面跳转时都会自动拼接到路由地址 path 的前面，域名的后面。

如下图所示，黄颜色的位置 /v1/web 就是固定前缀（自己写），开发和打包部署都会生效，

这种解决方案，满足了很多服务器部署的目录要求。

在这里插入图片描述