后端数据配置相对路径,前端添加网站根 URL (根路径)- js获取网站项目根路径- 获取根路径后的第一个斜杠前 / 的项目- - 判断url包含某字符串

这篇具有很好参考价值的文章主要介绍了后端数据配置相对路径,前端添加网站根 URL (根路径)- js获取网站项目根路径- 获取根路径后的第一个斜杠前 / 的项目- - 判断url包含某字符串。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、js获取网站项目根路径

js获取项目根路径,如下:

http://localhost:8080/testproject/test.html

根路径:http://localhost:8080

function getRootPath(){
    //获取当前网址,
    // 如: http://localhost:8080/testproject/test.html
    var curWwwPath=window.document.location.href;
    //获取主机地址之后的目录,如: testproject/test.html
    var pathName=window.document.location.pathname;
    var pos=curWwwPath.indexOf(pathName);
    //获取主机地址,如: http://localhost:8080
    var localhostPaht=curWwwPath.substring(0,pos);
    return localhostPaht;
}

2、获取根路径后的第一个斜杠前 / 的项目

function getRootProjectPath(){
    //获取当前网址,如: http://localhost:8080/testproject/test.html
    var curWwwPath=window.document.location.href;
    //获取主机地址之后的目录,如: testproject/test.html
    var pathName=window.document.location.pathname;
    var pos=curWwwPath.indexOf(pathName);
    //获取主机地址,如: http://localhost:8080
    var localhostPaht=curWwwPath.substring(0,pos);
    //获取带"/"的项目名,如:/testproject
    var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
    return projectName;
}

3、判断url包含某字符串:

var path = window.document.location.pathname;
if (path=="/user/do/editpassword"){
    alert("ok");
}

参考链接

1. js获取网站项目根路径文章来源地址https://www.toymoban.com/news/detail-686871.html

到了这里,关于后端数据配置相对路径,前端添加网站根 URL (根路径)- js获取网站项目根路径- 获取根路径后的第一个斜杠前 / 的项目- - 判断url包含某字符串的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue 中从后端获取到文件的 url 地址,前端根据 url 地址下载文件

    项目用的是 vben admin 框架,用的是 vue3 + TS 项目需求数据导出功能,前端需要实现文件下载功能 后端返回的是文件的 url 地址 (本项目中返回的是阿里云 oss 的文件地址) 从后端得到的是一个 url 地址,先通过 fetch api 请求这个 url 地址并转换成 blob 对象,通过 URL.createObjectUrl() 将 blo

    2024年02月06日
    浏览(49)
  • 【前端】根据后端返回的url进行下载并设置文件下载名称

            在我们项目当中存储文件是存储到厂商的服务器上的,然后厂商返回一个可以直接下载url地址,但是前端使用这个url下载的时候永远都是保存一个名字,这时候我们就需要设置文件保存的名称,         那么如何实现呢?使用了fetch将url转换成了blob即可。 代码

    2024年02月04日
    浏览(62)
  • 前端对后端路径的下载//流文件下载

    1.前端对后端路径的下载  2.流文件下载

    2024年02月16日
    浏览(58)
  • feign调用实现url和接口路径的动态配置化

    做接口开发请求第三方服务的接口,大概率会用feign做请求,而feign也是最常用的一种rpc框架; 这里主要是说明在进行feign请求的时候,第三方服务的url和接口也是可以通过读取配置文件的配置,来进行请求的; 至于为什么要把接口和url写在配置中呢,其实也是看需求了; 若

    2024年02月14日
    浏览(35)
  • 在线选课的微信小程序(微信前端+网站后端)

    目录 一、前言 二、微信小程序端(老师、学生) 1.学生用户前端小程序界面  2.老师前端小程序界面 三、后端(管理员、老师、学生) 3.老师后端 4.管理员后端 四、代码获取与调试 这是一个在线选课的微信小程序,使用了 idea + Navicat + maven + vue + 微信开发者工具 。 1.学生用

    2024年02月11日
    浏览(52)
  • postman可以通的请求,前端通不了(前端添加Content-type,后端收不到请求)

    接口完成之后,自己使用postman测试了一下,没有问题; 可是在和小组前端调试接口的时候,他却说访问不了; 信息如下:(我自己写的一个打印请求信息的拦截器) 发现报错信息是:  Content type \\\'application/x-www-form-urlencoded;charset=UTF-8\\\' not supported 也就是说发送过来的内容格式

    2024年02月04日
    浏览(48)
  • 路径的写法 绝对路径的含义: 相对路径与路径跳转 相对路径的跨文件跳转、返回跳转 跨文件跳转

    提示:以下是本篇文章正文内容,下面案例可供参考 站内资源和站外资源 站内资源:当前网站的资源 站外资源:非当前网站的资源 绝时路径和相对路径 站外资源:绝对路径 绝对路径是完整的网站链接 站内资源:相对路径 绝对路径的含义: url地址: 协议名://主机名:端口号/路径

    2024年02月01日
    浏览(65)
  • Linux--绝对路径和相对路径

    1. 绝对路径 从根目录算起的路径叫做绝对路径 例如: /home/python/Desktop /usr/bin 2. 相对路径 从当前目录算起的路径叫做相对路径 例如: ./test/hello ../static/images 3. 绝对路径和相对路径的使用 使用绝对路径切换到桌面 cd /home/python/Desktop 在下载目录以相对路径切换到桌面 cd Downloads

    2024年02月04日
    浏览(49)
  • SpringMVC相对路径和绝对路径

    点击index.jsp页面请求前,地址栏网址为 代码展示

    2024年02月09日
    浏览(43)
  • JWT简介& JWT结构& JWT示例& 前端添加JWT令牌功能& 后端程序

    目录 1. JWT简述 1.1 什么是JWT 1.2 为什么使用JWT 1.3 JWT结构 1.4 验证过程 2. JWT示例 2.1 后台程序 2.2 前台加入jwt令牌功能 Json web token (JWT), 是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准((RFC 7519).该token被设计为紧凑且安全的,特别适用于分布式站点的单点登录

    2024年04月16日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包