如何配置Solr autosuggest使其基于用户查询首词而非尾词返回提示结果

场景效果截图 #

实现方案 #

你需要实现的是多词输入场景下，后续关键词的自动补全仅关联首个输入关键词的结果，核心逻辑是缓存首个有效关键词作为上下文基准，具体实现步骤如下：

• 定义变量存储上下文基准关键词，初始值为空
• 监听输入框的输入事件，将输入内容按空格分割为关键词数组：
  • 当数组长度为1时，正常返回全量匹配的自动补全结果，同时将该关键词存入上下文变量
  • 当数组长度≥2时，自动取第一个元素作为基准关键词，取最后一个元素作为当前待补全的输入词，调用补全接口时传入两个参数
• 后端/本地匹配逻辑仅返回同时命中「基准关键词关联词库」和「当前输入词匹配」的结果，过滤无关内容

以React + Ant Design的AutoComplete组件为例，参考代码如下：

import { AutoComplete, Input } from 'antd';
import { useState } from 'react';

// 模拟全量补全词库
const fullSuggestions = ['pants', 'pants belt', 'pants pocket', 'shirt', 'shirt button', 'belt bag'];

const App = () => {
  const [contextKey, setContextKey] = useState('');
  const [options, setOptions] = useState([]);

  const handleSearch = (inputVal) => {
    if (!inputVal.trim()) return setOptions([]);
    const keyArr = inputVal.trim().split(/\s+/);

    // 首个关键词输入场景
    if (keyArr.length === 1) {
      const matchOptions = fullSuggestions.filter(item => item.startsWith(keyArr[0])).map(item => ({ value: item }));
      setOptions(matchOptions);
      setContextKey(keyArr[0]);
      return;
    }

    // 多词后续补全场景，仅返回关联上下文的结果
    const currentInput = keyArr.at(-1);
    const matchOptions = fullSuggestions.filter(item => 
      item.startsWith(contextKey) && item.split(' ').at(-1).startsWith(currentInput)
    ).map(item => ({ value: item }));
    setOptions(matchOptions);
  };

  return (
    <AutoComplete
      options={options}
      onSearch={handleSearch}
      style={{ width: 300 }}
    >
      <Input placeholder="输入关键词" />
    </AutoComplete>
  );
};

内容的提问来源于stack exchange，提问作者endurance2296