zoukankan      html  css  js  c++  java
  • web项目,美工和前台配合,页面路径访问问题

    一、美工写页面使用相对路径,但后台使用项目的应用绝对路径,访问时会出现404或页面乱码的问题

    目前的解决方法:在页面中添加base标签,指定当前页面默认的路径

    base标签:为页面上的所有链接规定默认地址或默认目标,浏览器会使用 标签中指定的URL来解析所有的相对URL,base其实就是定义一个默认的地址和默认目标

    举个例子:

    <html>
    <head>
    <base href="http://static.cnblogs.com/" />
    </head>
    <body>
    <img src="./images/logo_gray.gif" />
    </body>
    </html>

    一个BUG
    base标签最好不要动态写入,否则在Firefox和IE中会有一个小bug,比如对于页面http://localhost/static/test.html

    但是目前我用的还是挺不错,没有什么问题。

    <base> 标签为页面上的所有链接规定默认地址或默认目标。
    通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
    使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

    测试:

    1:放在base标签前面的link路径可以使用相对路径且是相对于当前路径,
    但是放在其后面的link使用相对路径将是相对于base指定的路径。
    2:使用了base标签后body中的链接的相对路径将是相对于base指定的路径。
    3:使用了base默认目标后,之后的打开方式将采取base指定的方式打开,除非后面又显示定义了打开方式。
    总结:base其实就是定义一个默认的地址和默认目标。在其后的链接元素都将起作用。  

  • 相关阅读:
    数据结构-连续子数组的最大和
    数据结构-并查集
    nginx开启代理后,出现net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK)错误
    计算出n阶乘中尾部零的个数
    常见的加密方式总结
    idea中lombok不生效
    纯真ip地址数据库使用
    go mod使用
    exec: "gcc": executable file not found in %PATH%解决办法
    java多线程系列1-初识多线程多线程4种实现方式
  • 原文地址:https://www.cnblogs.com/yingsong/p/4498194.html
Copyright © 2011-2022 走看看