如何修复“不允许加载本地资源”Vue.js

Question

我试图使用localhost将一些图标和徽标加载到我的站点中，检测到了文件，但没有加载，其中写着“不允许加载本地资源”，我还试图在终端中使用"npm install -g http- server“运行应用程序，但我遇到了另一个错误：”加载资源失败:服务器响应状态为404 (未找到) @build.js:1“。

Answer 1

加载图像有两个常见的选项。

通过公用文件夹。例如<img src='/image/myImageName.png'>

注意:通过指定根目录，/ vue被定向到公用文件夹

或者通过资产文件夹。例如<img src='@/assets/images/myImageName.png'>

注意:通过提供@符号，vue被定向到src目录。