Vue CLI 配置资源路径

Vue CLI 是一个基于 Vue.js 的开发工具,它提供了一套完整的脚手架工具,用于快速构建 Vue.js 项目。在使用 Vue CLI 进行项目开发时,我们经常需要配置项目中的资源路径,以确保资源能够正确加载和引用。在本文中,我们将探讨如何配置 Vue CLI 的资源路径。

  1. 默认资源路径

在 Vue CLI 项目中,默认的资源路径是相对路径。这意味着所有的静态资源(例如图片、样式表和脚本)都相对于生成的 HTML 文件进行引用。默认情况下,Vue CLI 会在 public 目录下创建一个 index.html 文件作为入口文件。我们可以在该文件中引用静态资源,例如:

<img src="./assets/logo.png" alt="Logo

猜你喜欢

转载自blog.csdn.net/2301_79326254/article/details/133565532
今日推荐