nuxt: "./well-known/appspecific/com.chrome.devtools.json" 服务端警告问题解决

2,018 阅读1分钟

不玩虚的,只玩真实。

这篇文章解决一个服务端警告问题 [Vue Router warn]: No match found for location with path "/.well-known/appspecific/com.chrome.devtools.json",环境是nuxt框架。

1. 问题分析

nuxt 启动服务端之后,刷新页面就出现警告 No match found for location with path "/.well-known/appspecific/com.chrome.devtools.json", 经过资料查找,定位到这是 浏览器发出的请求,并且只有在 localhost 域名下才会出现

image.png

2. 解决方案

我这里写一个nuxt服务端插件忽略掉该警告解决(当然也可以不使用 localhost 域名, 比如在hosts文件使用一个域名指向 127.0.0.1解决)

在根目录下的 server/plugins 中创建一个 well-known-ignore.ts 文件

// well-known-ignore.ts 文件
// 忽略 chrome devtools warning
export default defineNitroPlugin(() => {
  const originalWarn = console.warn;
  console.warn = (...args) => {
    const msg = args.join(' ');
    const str = '/.well-known/appspecific/com.chrome.devtools.json';
    if (msg.includes(str)) {
      // console.log('忽略 chrome devtools warning');
      return;
    }
    originalWarn(...args);
  };
});

3. 相关资料