博客

1.在static中

• 在static中保存时使用“\可能会消失，最好改为“\\”

• 前面加“..\\”

• 或加个根目录上去 ‘/_nuxt’+item.url

2.当做普通的img标签

• 可以尝试去掉前面的“static/”

• 前面加上一个“/”表示根目录

3.当做图片背景

• 把“\”改为“/”

• 在路径的前面加上//表示根路径

如果你的静态资源文件需要 Webpack 做构建编译处理，可以放到 assets 目录，否则可以放到 static 目录中去。

Nuxt 服务器启动的时候，该目录下的文件会映射至应用的根路径 / 下，像 robots.txt 或 sitemap.xml 这种类型的文件就很适合放到 static 目录中。

你可以在代码中使用根路径 / 结合资源相对路径来引用静态资源

<!-- 引用 static 目录下的图片 -->

<img src="/my-image.png"/>

<!-- 引用 assets 目录下经过 webpack 构建处理后的图片 -->

<img src="~/assets/my-image-2.png"/>