起因

公司官网改造,因为全部为静态页面,所以使用nuxtjs开发。

系统环境

依赖包版本

"cross-env": "^5.2.0",
"element-ui": "^2.4.11",
"express": "^4.16.4",
"nuxt": "^2.0.0"

问题产生

开发基本完成后,发现网页图标始终显示的是一个黑色的小地球(Chrome默认的网页图标),无论把.ico文件放在/asset文件夹还是/static文件夹都没办法编译到生产或者开发环境中去。

解决

自行解决的办法很暴力,直接把favicon.ico文件放入了打包后的文件夹的根目录。

猜想

很可能是webpack打包出现的问题,于是查看官方文档,发现:

默认情况下 Nuxt 使用 vue-loader、file-loader 以及 url-loader 这几个 Webpack 加载器来处理文件的加载和引用。对于不需要通过 Webpack 处理的静态资源文件,可以放置在 static 目录中。

https://zh.nuxtjs.org/guide/assets/


nuxtjs 前端

本博客所有文章除特别声明外,均采用 CC BY-SA 3.0协议 。转载请注明出处!

git学习 上一篇