缓存与查询字符串参数无关的相同HTML文件的URL。

要使缓存与查询字符串参数无关的相同HTML文件的URL，可以通过以下方法来解决：

1. 使用URL重写或路由： 在服务器端，使用URL重写或路由技术将包含查询字符串参数的URL重新映射到不包含查询字符串参数的URL。这样浏览器就会将它们视为不同的URL，并分别缓存它们。

例如，在Node.js中可以使用Express框架来实现路由：

const express = require('express');
const app = express();

// 处理包含查询字符串参数的URL
app.get('/page', (req, res) => {
  // 处理逻辑
  res.sendFile(__dirname + '/page.html');
});

// 处理不包含查询字符串参数的URL，重定向到带查询字符串参数的URL
app.get('/page-no-query', (req, res) => {
  res.redirect('/page?param1=value1&param2=value2');
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

2. 使用POST请求代替GET请求： 如果查询字符串参数是用于获取数据的目的，可以考虑使用POST请求来代替GET请求。POST请求的数据是在请求体中发送的，而不是在URL中，因此查询字符串参数不会影响缓存。

例如，在HTML中可以使用form表单提交POST请求：

<form action="/page" method="post">
  <input type="hidden" name="param1" value="value1">
  <input type="hidden" name="param2" value="value2">
  <button type="submit">Submit</button>
</form>

在服务器端，使用适当的框架或库来处理POST请求并返回相应的HTML文件。

3. 使用AJAX加载内容： 如果查询字符串参数用于动态加载内容，可以考虑使用AJAX来加载内容而不是刷新整个页面。这样可以避免影响到整个页面的缓存。

例如，在jQuery中可以使用$.ajax方法来加载内容：

$.ajax({
  url: '/page',
  method: 'GET',
  data: {param1: 'value1', param2: 'value2'},
  success: function(response) {
    // 处理返回的内容
    $('#content').html(response);
  }
});

这样，每次请求时都会发送相同的URL，但是查询字符串参数不会影响缓存。