需求

后端需要在我项目路由地址上添加一个统一的前缀.

实现

1.根据环境的不同,可以配置不同的公共路径

拿开发环境举例,如果统一的前缀是/dev就进行如下配置

在vue路由上添加公共的路由前缀(vite配置)_开发环境

2.在 vite.config.js 文件加下添加公共路径

在vue路由上添加公共的路由前缀(vite配置)_html_02


https://cn.vitejs.dev/config/shared-options.html#base

3.在router文件夹下的index.js中进行如下配置

在vue路由上添加公共的路由前缀(vite配置)_开发环境_03

注意和webpack的不同

在vue路由上添加公共的路由前缀(vite配置)_html_04


https://router.vuejs.org/zh/guide/migration/index.html#移动了-base-配置

4.一般项目都有直接操作网页路径,记得带上公共路由前缀

在vue路由上添加公共的路由前缀(vite配置)_html_05

在vue路由上添加公共的路由前缀——webpack版

箴言: 因为这些东西是非常简单的。不要抱怨自己学不会,那是因为你没有足够用心。