在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 @   槑孒  阅读(2515)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
点击右上角即可分享
微信分享提示