首页 > 其他分享 >在vue路由上添加公共的路由前缀(vite配置)

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

时间:2023-02-07 12:36:40浏览次数:63  
标签: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版

标签:vue,前缀,添加,路由,公共,vite
From: https://www.cnblogs.com/echohye/p/17097971.html

相关文章

  • Vue使用AbortController取消请求
    官方文档https://github.com/axios/axios#cancellationCancellationAbortControllerStartingfromv0.22.0AxiossupportsAbortControllertocancelrequestsinfe......
  • 自动生成路由、视图层大总结、ViewSetMixin源码分析
    上节回顾#1前后端开发模式 -分离和混合-http通信后端都是web后端-前端:pc桌面开发,web开发,app,小程序----》http----》调用后端----后端都是一套#2a......
  • vue3.0 同一项目中调用多个域名的请求
    1.简单粗暴形式:复制多个request.js文件,设置不同的baseUrl,根据需要引用不同的request.js文件。可以解决问题,但不推荐使用2.参数配置形式:利用参数配置,可灵活的调用多个不......
  • vue3 手写dropdown
    <template><divclass="drp_component":class="classname"><p@click="openDrp"class="ws-n"ref="drpDef"title=""><slot></slot></p></div......
  • 基于Springboot+Mybatis+mysql+vue宠物到家管理平台
    @目录一、系统介绍二、功能展示1.主页(普通用户)2.登陆、注册(普通用户)3.宠物大全(普通用户)4.宠物详情(申请领养、点赞、评论)(普通用户)5.我的送养(普通用户)6.我的领养(普通用户......
  • 面试官:vue2和vue3的区别有哪些?
    一、Vue3与Vue2区别详述1.生命周期对于生命周期来说,整体上变化不大,只是大部分生命周期钩子名称上+“on”,功能上是类似的。不过有一点需要注意,Vue3在组合式API(Comp......
  • 说说你对Vue的keep-alive的理解
    什么是keep-alive在平常开发中,有部分组件没有必要多次初始化,这时,我们需要将组件进行持久化,使组件的状态维持不变,在下一次展示时,也不会进行重新初始化组件。也就是说,keep......
  • 滴滴前端一面必会vue面试题(附答案)
    实现双向绑定我们还是以Vue为例,先来看看Vue中的双向绑定流程是什么的newVue()首先执行初始化,对data执行响应化处理,这个过程发生Observe中同时对模板执行编译,找到其中......
  • 前端vue面试题
    父子组件生命周期调用顺序(简单)渲染顺序:先父后子,完成顺序:先子后父更新顺序:父更新导致子更新,子更新完成后父销毁顺序:先父后子,完成顺序:先子后父diff算法时间复杂度:个树......
  • 【Django drf】视图层大总结 ViewSetMixin源码分析 路由系统 action装饰器
    目录九个视图子类视图集继承ModelViewSet类写五个接口继承ReadOnlyModelView编写2个只读接口ViewSetMixin源码分析查找as_view方法setattr修改对象的属性fromrest_framew......