Vue项目结构

通过命令创建vue项目结构

npm init vue@latest

静态资源

静态资源如图片、字体、样式文件等通常放在public文件夹中。这些资源在构建时会被复制到项目的根目录（或指定的输出目录）下，并可通过相对路径直接访问。

对于Vue组件内部的静态资源，如单文件组件（.vue文件）中的<template>、<script>、<style>标签内引用的资源，也可以通过相对路径或Webpack别名等方式引入。

接口地址

接口地址通常不直接存放在静态资源中，而是通过配置文件、环境变量或直接在代码中设置。

使用环境变量：在Vue项目中，可以通过在.env、.env.local、.env.production等文件中定义环境变量来存储接口地址，然后在代码中通过process.env.变量名的方式访问。

在代码中直接设置：可以在main.js、App.vue或专门的API服务文件中直接设置接口地址，并通过Vue的实例或Vuex等方式在全局范围内共享。

使用配置文件：有些项目会创建专门的配置文件（如config.js或config.json）来存储接口地址等配置信息，并通过JavaScript模块的方式引入和使用。