也许这条评论能帮到你？

**编辑：**事实上，使用查询时，/#contact似乎被转换为%23contact。这也是您的问题吗？如果是，作为一种解决方法，您可以解析查询参数并仅使用href，如下所示：

import Link from 'next/link';
import React from 'react';

const Contact = () => {
  const query = { name: 'john', age: 10 };

  const params = Object.keys(query).reduce(
    (acc, el, index) =>
      acc.concat(`${index === 0 ? '?' : '&'}${el}=${query[el]}`),
    '',
  );

  return (
    <div>
      <Link href={`/#contact${params}`}>Click me</Link>
    </div>
  );
};

export default Contact;

结果是http://localhost:3000/#contact?name=john&age=10