后端数据配置相对路径,前端添加网站根 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模板网!

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

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

相关文章

  • 【前端】根据后端返回的url进行下载并设置文件下载名称

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

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

    前端对后端路径的下载//流文件下载

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

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

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

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

    在线选课的微信小程序(微信前端+网站后端)

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

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

    路径的写法 绝对路径的含义: 相对路径与路径跳转 相对路径的跨文件跳转、返回跳转 跨文件跳转

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

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

    postman可以通的请求,前端通不了(前端添加Content-type,后端收不到请求)

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

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

    SpringMVC相对路径和绝对路径

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

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

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

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

    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日
    浏览(6)
  • 【计算机基础】绝对路径和相对路径

    【计算机基础】绝对路径和相对路径

    目录 一.绝对路径 二.相对路径 例如 三.举例 绝对路径是指从根目录开始的完整路径,包括所有父目录的路径,直到目标文件或者目录 所在的位置。 全文件名=全路径文件名=绝对路经=完整的路径 例如,在windows系统中,绝对路径通常以盘符(例如C:)开始,而在Unix/Linux系统中

    2023年04月24日
    浏览(10)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包