为什么在img标签中可以使用@/assets引入图片，而在背景图中要使用~@/assets引入

这是因为在img标签中，图片是作为一个独立的元素存在的，而在背景图中，图片是作为一个属性存在的。在webpack中，使用~@/assets可以告诉webpack去寻找正确的路径，而在img标签中，webpack会自动寻找正确的路径，因此不需要加~。

相关问题

vue中为什么背景图需要使用~@/assets引入

这是因为在Vue项目中，使用相对路径引入背景图可能会出现路径错误的问题，而使用~@/assets可以确保正确引入背景图。~@表示项目根目录，@表示src目录。因此，使用~@/assets可以确保引入的背景图路径是相对于项目根目录的。

在main.js中使用import '@/assets/config/config'执行模块不生效是为什么

这个问题的原因可能有很多，以下是一些可能的原因：

1. 文件路径不正确：请确保文件路径是正确的。@符号在Vue项目中表示src目录，需要在src目录下找到assets/config/config文件。

2. 文件名不正确：请确保文件名是正确的，包括大小写。

3. 文件类型不正确：请确保文件是一个JavaScript模块，可以通过export导出。

4. 模块导出不正确：请确保模块导出了正确的内容。如果没有导出任何内容，那么import语句不会生效。

5. webpack配置问题：如果你使用了webpack，并且你的webpack配置文件没有正确地处理import语句，那么import语句可能会被忽略。

你可以尝试检查以上几点，看看是不是其中的某个问题导致了import语句不生效。