html绝对路径怎么改成相对路径

将绝对路径改成相对路径需要考虑到当前页面所处的位置以及目标文件的位置。一般情况下，相对路径应该是相对于当前页面的位置来确定的。比如说，当前页面的URL是 `http://example.com/my-page.html`，图片的绝对路径是 `http://example.com/images/my-image.jpg`，那么将其改成相对路径应该是 `../images/my-image.jpg`。

另外，如果你要在HTML中使用相对路径，可以使用`./`来表示当前目录，而使用`../`表示上一级目录。

需要注意的是，相对路径的可移植性比较强，因为它们不依赖于网站的根目录。但是，如果你的网站有多个根目录或者使用URL重写等技术，那么相对路径可能会出现问题。

相关问题

vue从后端得到一个文件的绝对路径后怎么改成相对路径

如果Vue从后端得到的是一个文件的绝对路径，可以使用Vue的计算属性来将其转换为相对路径。具体方法如下：

1. 在Vue组件中定义一个计算属性，用来将绝对路径转换为相对路径。

computed: {
  relativePath() {
    // 假设this.absolutePath为从后端获取到的绝对路径
    const baseURL = 'http://example.com/'; // 假设网站的根目录为http://example.com/
    const relativePath = this.absolutePath.replace(baseURL, ''); // 将绝对路径中的根目录去掉，得到相对路径
    return relativePath;
  }
}

2. 在Vue模板中使用该计算属性来显示相对路径。

<template>
  <div>
    相对路径：{{ relativePath }}
  </div>
</template>

这样就可以将从后端获取到的绝对路径转换为相对路径，从而在Vue中使用相对路径来显示文件。