vue 前端优化

网站百度 / 谷歌收录异常，搜索不到

1. 检查 robots.txt 文件是否禁止搜索引擎抓取；2. 核实 sitemap.xml 是否提交成功，格式正确；3. 修复网站 404、301 等错误，避免死链；4. 优化页面 SEO 元标签（title、description），提升收录概率

网站分页数据加载完成后页面不刷新

1. 修复 AJAX 请求后的 DOM 渲染逻辑，确保数据替换成功；2. 检查分页回调函数是否正确执行，无报错中断；3. 确保分页参数（页码、每页条数）正确更新；4. 处理数据为空时的提示显示，避免页面空白

网站商品搜索结果排序混乱

1. 检查排序算法是否正确（如按销量、价格、上架时间排序）；2. 修复排序参数传递逻辑，确保用户选择的排序方式生效；3. 核实排序字段是否正确索引，提升排序效率；4. 处理无排序条件时的默认排序规则（如按综合评分）

网站图片加载完成后出现变形拉伸

1. 确保图片容器设置固定宽高比，避免直接拉伸；2. 修复图片的 object-fit 属性设置（如 cover、contain）；3. 核实图片原始尺寸是否与容器适配，必要时进行裁剪；4. 处理响应式场景下的图片尺寸调整，使用媒体查询

网站加载时出现 “正在等待fonts.googleapis.com”

1. 下载谷歌字体到本地服务器，替代外部加载；2. 使用国内字体库（如思源黑体、阿里普惠体）；3. 配置字体加载超时处理，避免阻塞页面；4. 优先使用系统默认字体，提升加载速度

网站订单提交后状态未更新

1. 检查订单状态更新逻辑，是否监听支付回调；2. 核实数据库订单表是否正确写入状态；3. 增加订单状态同步机制，定时刷新未更新订单；4. 提供订单查询入口，方便用户核实状态

网站上拉加载更多功能失效

1. 检查滚动事件监听，是否正确判断底部位置；2. 核实分页参数传递是否正确，接口是否返回更多数据；3. 修复加载状态提示，避免用户重复触发；4. 处理无更多数据的情况，显示结束提示

网站语音识别无响应，无法识别语音

1. 检查麦克风权限是否开启，浏览器是否有权访问麦克风；2. 修复语音识别接口调用，确保 API 密钥有效；3. 核实录音环境是否安静，无过多背景噪音；4. 测试语音识别接口单独调用是否正常，排查前端集成问题

网站表单单选框无法选中

1. 检查单选框 input 元素 name 属性是否相同；2. 修复选中事件逻辑，确保状态正确切换；3. 确保单选框无样式遮挡，可点击；4. 测试不同浏览器，排查兼容性