在vue路由上添加公共的路由前缀方式
更新时间：2022年12月09日 09:28:14 作者：多看书少吃饭
这篇文章主要介绍了在vue路由上添加公共的路由前缀方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
在路由上添加公共的路由前缀
需求：后端需要在我项目路由地址上添加一个统一的前缀
实现：如下
1.在vue.config.js文件加下添加公共路径,如图
2.根据环境的不同,可以配置不同的公共路径,拿开发环境举例,如果统一的前缀是/auth-center就进行如下配置,
3.在router文件夹下的index.js中进行如下配置
4.一般项目都有退出功能,退出以后默认前往登录页,此时登录页的路径也发生了变化,需要带上公共路由前缀,如下
vue路由刷新出现 Uncaught SyntaxError: Unexpected token ‘＜‘
修改vue.config.js文件
将原来的 publicPath: './'，改成 publicPath: '/' 问题完美解决
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
假设 App 的用户可以在短时间内进行多个 API 调用,但您只想显示上次调用的结果,之前正在进行的请求变得无关紧要,在这种情况下,您可以利用 Axios 拦截器,本文给大家介绍了如何使用Axios拦截器中止Vue请求,需要的朋友可以参考下2023-11-11
本篇文章主要介绍了详解vue + vuex + koa2开发环境搭建及示例开发，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了Vue CLI3搭建的项目中路径相关问题的解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
Vue项目使用Websocket大文件FileReader()切片上传实例
这篇文章主要介绍了Vue项目使用Websocket大文件FileReader()切片上传实例，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要介绍了计算属性和侦听器，文章以介绍计算属性、侦听器的相关资料展开详细内容,需要的朋友可以参考一下，希望对你有所帮助2021-11-11
这篇文章主要介绍了vue.js中修饰符.stop的用法解析，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
在vue+element ui框架里实现lodash的debounce防抖
今天小编就为大家分享一篇在vue+element ui框架里实现lodash的debounce防抖，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
本文主要介绍了vue中对接Graphql接口的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-05-05
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
这篇文章主要介绍了Vue.extend 和 data的合并策略 ，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了Vue 中如何将函数作为 props 传递给组件的实现代码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-05-05
最新评论