vue项目获取当前项目url

于 2024-03-22 17:14:07 发布
阅读量192 收藏
点赞数 1
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_64840387/article/details/136946796
版权 
const baseUrl = ref(import.meta.env.VITE_BASE_URL)

使用场景：一般在项目开发里，需要区分真实环境和测试环境，根据当前项目的url是否包含的字段，来区分跳转的url地址。

LumosKI
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 获取当前页面URL和进行页面重定向
一碗清深的博客
03-28 521
在Vue开发中，有时候我们需要获取当前页面的URL或者进行页面重定向。本文将介绍如何使用window.location对象来获取当前页面的URL以及常用的重定向方法。
vue项目接口域名动态获取操作
10-14
主要介绍了vue项目接口域名动态获取操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-三种跳转-获取当前页面域名的几种方式
Komorebi的博客
05-24 3127
vue-三种跳转方式
vue如何获取当前页面的url
zhouhouyong_web的博客
01-11 1639
vue如何获取当前页面的url
vue里面获取域名的简单方法location.origin
不想被卷出去的前端老鸟
11-09 5376
vue项目获取域名的简单方法
获取当前url
01-20
如:http://localhost/newurl/WebForm1.aspx 1.方法document.URL(注意大小写) 结果是:... 结果:/newurl/WebForm1.aspx 备注: 如果当前URL为 http://localhost/sear
vue获取当前激活路由的方法
11-28
一个 route object（路由信息对象） 表示当前激活的路由的状态信息，包含了当前 URL 解析得到的信息，还有 URL 匹配到的 route records（路由记录）。 route object 是 immutable（不可变） 的，每次成功的导航后...
使用vue-router切换页面时，获取上一页url以及当前页面url的方法
10-17
主要介绍了使用vue-router切换页面时，获取上一页url以及当前页面url的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue CLI3搭建的项目中路径相关问题的解决
12-12
最近在试水 Vue CLI 3，并且尝试配置一个多页面（多应用）项目出来，期间又遇到各种路径问题，于是…于是有了下面的唠叨。 以下都是基于 Vue CLI 3 来举例说明的，使用 2.x 版本的其实也类似 首先，参考 官方文档...
获取浏览器当前页面地址栏的URL
11-02
本程序是用VC实现的一个获取浏览器的URL的小项目，是从一个大项目抽取出来的一小部分，相信有同路人会用得上的。
vue动态获取接口域名
sunbeibei00000的博客
09-24 3937
vue动态获取接口域名
vue\js等获取当前页面的url网址（超全）
最新发布
weixin_43312391的博客
07-19 4212
我们在开发中经常会遇到获取当前网址的url、协议、域名、端口、路径、参数等情况，以下总结了几种常见的获取当前url的几种情形。
vue获取当前页面地址
weixin_58414196的博客
09-21 1万+
1、vue获取当前页面完整地址：window.location.href。2、获取前面固定地址：windown.location.host。
window.location.href应用获取当前域名、Url、相对路径和参数以及指定参数——下载文件-
qq_33564992的博客
07-05 1万+
js获取当前域名、Url、相对路径和参数以及指定参数——下载文件-window.location.href 1、js获取当前域名有2种方法 注意问题 由于获取到的当前域名不包括 http://，所以把获取到的域名赋给 a 标签的 href 时，别忘了加上 http://，否则单击链接时导航会出错。2、获取当前Url的4种方法 ie 地址栏显示的是什么，获取到的 url 就是什么。window.location.href的主要用法，如下： 如果页面中自定义了frame，那么可将parent self top换
vue获取当前页面url网址信息
pleaseprintf的博客
06-11 1221
在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。下面我们举例一个URL，然后获得它的各个组成部分：http://i.cnblogs.com/EditPosts.aspx?opt=1//返回url 的主机部分，例如：www.xxx.com window . location . hostname;//返回www.xxx.com window . location . href;
Vue如何获取当前页面的url,获取路由地址
热门推荐
D船长的博客
05-10 10万+
当前页面 Vue如何获取当前页面的url,获取路由地址 完整url可以用window.location.href 路由路径可以用this.$route.path 路由路径参数this.$route.params例如：/user/:id → /user/2044011030 → this.$route.params.id 路由查询参数this.$route.query例如：/user...
vue 获取当前页面的端口号，域名，路由等
m0_63108819的博客
04-08 7940
1.window.location console.log(location); 获取当前的url:location.href 获取当前的端口号:location.port 等
Vue项目使用自定义域名访问本地
Wangdr的博客
11-10 1923
disableHostCheck: true，是解决浏览器打开www.local.com出现Invalid Host header页面的情况。1、配置本地hosts文件：添加127.0.0.1 www.local.com（自定义域名）
js获取项目url中的地址信息
05-13
你可以使用 `window.location` 对象来获取当前页面的 URL 信息，然后从中提取出地址信息。例如： ```javascript const url = new URL(window.location.href); const address = url.hostname; console.log(address); ``` 这段代码会获取当前页面的 URL，然后从中提取出主机名，即地址信息。你也可以使用其他属性来获取其他部分的 URL 信息，例如 `pathname`、`search` 和 `hash` 等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值