vue项目拿静态资源

在Vue项目中获取静态资源通常有两种常见的方式：

1. **通过HTML直接引用**：将图片、CSS、JavaScript文件等静态资源放在项目的`static`目录下。然后在HTML模板中使用相对路径引用它们，例如：

   <img src="/static/images/avatar.jpg" alt="用户头像">

这样的路径是在运行时服务器根目录下的`static`目录。

2. **Webpack配置处理**：Vue项目经常使用Webpack作为模块打包工具。可以在Webpack的配置文件`webpack.config.js`中设置`output.publicPath`来指定静态资源的URL前缀。例如：

   output: {
     publicPath: '/dist/', // 如果部署在 dist 文件夹，则静态资源访问路径为 /dist/static/
   }

然后在组件中，你可以使用`require`导入资源，Webpack会自动将其复制到构建后的文件中并处理URL。