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

需求

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

实现

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

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

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


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

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

注意和webpack的不同

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

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

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

posted @ 2023-02-07 12:17  槑孒  阅读(2176)  评论(0编辑  收藏  举报