iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue如何给页面增加url前缀
  • 585
分享到

vue如何给页面增加url前缀

vueurl前缀vue页面增加url前缀vue页面url前缀 2022-12-09 12:12:02 585人浏览 八月长安
摘要

目录Vue页面增加url前缀vue路径上设置指定的前缀解决总结vue页面增加url前缀 在main.js中找到这段代码 const createRouter = () => n

vue页面增加url前缀

在main.js中找到这段代码

const createRouter = () => new Router({
  mode: 'history', // require service support
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRoutes
})

加上

base: 'WEB', //页面路由前缀

修改后代码:

const createRouter = () => new Router({
  mode: 'history', // require service support
  base: 'web',
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRoutes
})

现在你的每个页面都会有一个【web】前缀了

vue路径上设置指定的前缀

有时在使用项目的时候,我们都需要指定一个前缀路径(就像Tomcat中的虚拟路径),这个时候在vue中如何使用呢。

解决

这个时候我们可以使用vue-router中的base这个属性,使用这个属性就可以在路径前面添加指定的前缀。

export default new Router({
  mode: 'history', //后端支持可开
  # base: '/wtlicence',
  scrollBehavior: () => ({
    y: 0
  }),
  routes: constantRouterMap
});

这个时候的访问路径是: Http://127.0.0.1:8080/login.

当我们使用vue-router的base属性的时候。

export default new Router({
  mode: 'history', //后端支持可开
  base: '/wtlicence',
  scrollBehavior: () => ({
    y: 0
  }),
  routes: constantRouterMap
});

这个时候的访问路径是: http://127.0.0.1:8080/wtlicence/login

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: vue如何给页面增加url前缀

本文链接: https://www.lsjlt.com/news/174629.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • vue如何给页面增加url前缀
    目录vue页面增加url前缀vue路径上设置指定的前缀解决总结vue页面增加url前缀 在main.js中找到这段代码 const createRouter = () => n...
    99+
    2022-12-09
    vue url前缀 vue页面增加url前缀 vue页面url前缀
  • vue中如何给静态资源增加路由前缀
    目录vue给静态资源增加路由前缀说说vue中的~(静态资源处理)Webpacked 资源资源处理规则总结vue给静态资源增加路由前缀 在vue.config.js中找到这段代码: ...
    99+
    2022-12-09
    vue路由前缀 vue静态资源 vue路由
  • SpringBoot多controller如何添加URL前缀
    这篇“SpringBoot多controller如何添加URL前缀”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Spring...
    99+
    2023-07-05
  • js前端如何给url数据加密
    js前端实现给url数据加密的方法传参页面<script type=”text/javascript”>// <![CDATA[function send(){var url&nbs...
    99+
    2022-10-19
  • vue中如何给data里面的变量增加属性
    目录给data里面的变量增加属性vue框架是使用mvvm模式我废话不多说直接上方法了 给data中的响应式对象动态添加属性给data里面的变量增加属性 vue框架是使用mv...
    99+
    2022-11-13
  • vue如何给url统一添加公共参数
    这篇“vue如何给url统一添加公共参数”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue如何给url统一添加公共参数”文...
    99+
    2023-07-04
  • php如何获取当前页面url参数
    在PHP中,可以使用`$_GET`或`$_REQUEST`超级全局变量来获取当前页面的URL参数。使用`$_GET`超级全局变量获取...
    99+
    2023-08-09
    php
  • 小程序如何获取当前页面URL
    本篇内容介绍了“小程序如何获取当前页面URL”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!使用getCurrentPages可以获取当前加载...
    99+
    2023-06-26
  • Angular项目中如何给路径添加指定访问前缀
    这篇“Angular项目中如何给路径添加指定访问前缀”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Angular项目中如何给...
    99+
    2023-07-05
  • layui type2如何通过url给iframe子页面传值
    这篇文章主要介绍了layui type2如何通过url给iframe子页面传值,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。A页面 调用la...
    99+
    2022-10-19
  • jquery如何在前面增加子节点
    这篇“jquery如何在前面增加子节点”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“jqu...
    99+
    2022-10-19
  • vue如何实现点击当前增加class
    小编给大家分享一下vue如何实现点击当前增加class,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!如下所示:<div&n...
    99+
    2022-10-19
  • vue中如何刷新当前页面
    这篇文章主要介绍了vue中如何刷新当前页面的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue中如何刷新当前页面文章都会有所收获,下面我们一起来看看吧。项目当中如果做新增/修改/删除等等操作通常情况下都需要刷新...
    99+
    2023-07-05
  • vue不刷新当前页面如何解决
    本文小编为大家详细介绍“vue不刷新当前页面如何解决”,内容详细,步骤清晰,细节处理妥当,希望这篇“vue不刷新当前页面如何解决”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。vue不刷新当前页面的解决办法有:1、...
    99+
    2023-07-04
  • 如何使用InstantClick.js让页面提前加载200ms
    小编给大家分享一下如何使用InstantClick.js让页面提前加载200ms,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!前...
    99+
    2022-10-19
  • webpack4如何打包vue前端多页面项目
    这篇文章主要介绍webpack4如何打包vue前端多页面项目,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1.用法项目结构如下:project  |- bulid...
    99+
    2022-10-19
  • Vue如何实现页面加载占位
    这篇文章主要介绍了Vue如何实现页面加载占位的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Vue如何实现页面加载占位文章都会有所收获,下面我们一起来看看吧。效果如下思路与实现页面加载时用户等待,此时与用户交互的...
    99+
    2023-07-05
  • vue如何在路由前面加全局参数
    在Vue中,我们通常使用路由来进行页面之间的切换和跳转。而在某些特殊的情况下,我们可能需要为所有的路由都添加一些全局参数,以方便我们在各个页面之间进行数据传递或者控制。本文将介绍如何在Vue的路由前面加上全局参数。一、为什么需要在路由前面加...
    99+
    2023-05-20
  • AngularJS中如何重新加载当前路由页面
    这篇文章主要介绍了AngularJS中如何重新加载当前路由页面,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。用angular做项目,会碰到需...
    99+
    2022-10-19
  • vue项目如何通过url链接引入其他系统页面
    目录vue通过url链接引入其他系统页面1.正常配置菜单2.加载引入系统可能会出现拦截3.引入项目的后台拦截代码vue页面嵌套外部url总结vue通过url链接引入其他系统页面 1....
    99+
    2023-03-10
    vue url引入系统页面 vue url链接 vue 链接
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作