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

Question

我尝试使用本地主机将一些图标和徽标加载到我的网站中，检测到文件但未加载，并显示“不允许加载本地资源”，我还尝试使用“npm install -g http-server”运行应用程序”在终端中，但我遇到了另一个错误：“无法加载资源：服务器响应状态为 404（未找到）@build.js:1”

Answer 1

加载图像有两种常见选项。

通过公共文件夹。例如

<img src='/image/myImageName.png'>

注意：通过指定根目录

/

vue 被定向到 public 文件夹

或者通过资产文件夹。例如

<img src='@/assets/images/myImageName.png'>

注意：通过提供

@

符号，vue 会被定向到 src 目录