Nuxt.js 和 srcDir 选项：呈现 url favicon 404 错误答案

【问题标题】：Nuxt.js and srcDir option: Rendering url favicon 404 errorNuxt.js 和 srcDir 选项：呈现 url favicon 404 错误
【发布时间】：2018-03-26 06:41:01
【问题描述】：

在nuxt.config.js 文件中添加srcDir option 后，我已将页面、组件和布局文件夹移至src 目录。这是我的配置：

module.exports = {
  srcDir: 'src',

  head: {
    title: 'hello',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'test' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },
  ...
}

现在我收到以下错误消息：

nuxt:render Rendering url /favicon.ico +640ms
{ statusCode: 404,
  path: '/favicon.ico',
  message: 'This page could not be found' }

删除.nuxt 文件夹然后重建应用程序没有帮助。我在这里错过了什么？

【问题讨论】：

我猜你的 favicon 在static 目录中，如果有错误请纠正我。您是否将您的static 目录移动到src？
@wasthishelpful 是的，它在静态目录中。我也应该移动静态目录吗？我打算建一个静态网站，还有什么需要移到src文件夹的吗？

标签： javascript vue.js nuxt.js

【解决方案1】：

您的网站图标位于static 目录中：您必须将其与所有来源一起移至src。

The documentation 没有提供“应该移动”目录的详尽列表，但我想像 assets 这样的其他源目录也应该移动。

【讨论】：

感谢您的回答。是的，文档不够清楚。您是否建议移动所有目录，包括插件和商店，除了 dist test 之类的目录？
我建议查看使用srcDir 的代码源以确定受影响的目录。如果我能找到一些时间，我会研究它，如果你在我做之前告诉我;）