vue-admin-element背景图片

在vue-admin-element中更改背景图片的步骤如下：

1. 首先，准备一张你想要用作背景的图片，并将其放置在项目路径下的 `vue-element-admin-master\src\assets\login_images\login_bg.jpg` 文件夹中。

2. 打开 `vue-element-admin-master\src\views\login\index.vue` 文件，在 `.login-container` 的代码块内进行如下修改：

- 注释掉原有的代码：`min-height: 100%; width: 100%; background-color: $bg; overflow: hidden;`
- 添加以下代码：

     width: 100%;
     height: 100%;
     background-image: url("../../assets/login_images/login_bg.jpg");
     background-size: cover;
     background-position: center;
     position: relative;

3. 保存修改后的代码，并在终端中运行命令 `npm run dev`，然后在浏览器中输入 `http://localhost:9527` 预览效果。

注意：上述步骤是基于vue-element-admin的默认配置进行操作的，如果使用的是其他基于vue的模板，步骤可能会稍有不同。

相关问题

对比vue-admin-template，vue-element-admin，vue-element-template

，它们有什么区别？

这三个模板都是基于Vue.js开发的后台管理系统模板，其中vue-admin-template是一个简单的模板，主要用于快速搭建一个简单的后台管理页面；vue-element-template则是基于Element UI组件库二次封装的模板，能够快速帮助开发者开发出一个美观、易用的后台管理系统；而vue-element-admin则是除了包含了Element UI组件库外，还具有更多的功能和扩展，比如权限管理、路由配置、国际化等。因此，vue-element-admin是三者中最完善、最实用的一个。

> vue-element-admin@4.4.0 dev > vue-cli-service serve INFO Starting development server... ERROR Error: Cannot call .tap() on a plugin that has not yet been defined. Call plugin('preload').use(<Plugin>) first. Error: Cannot call .tap() on a plugin that has not yet been defined. Call plugin('preload').use(<Plugin>) first. at Object.tap (D:\vue-element\vue-element-admin\node_modules\webpack-chain\src\Plugin.js:26:15) at chainWebpack (D:\vue-element\vue-element-admin\vue.config.js:54:30) at D:\vue-element\vue-element-admin\node_modules\@vue\cli-service\lib\Service.js:268:40 at Array.forEach (<anonymous>) at Service.resolveChainableWebpackConfig (D:\vue-element\vue-element-admin\node_modules\@vue\cli-service\lib\Service.js:268:26) at Service.resolveWebpackConfig (D:\vue-element\vue-element-admin\node_modules\@vue\cli-service\lib\Service.js:272:48) at PluginAPI.resolveWebpackConfig (D:\vue-element\vue-element-admin\node_modules\@vue\cli-service\lib\PluginAPI.js:132:25) at serve (D:\vue-element\vue-element-admin\node_modules\@vue\cli-service\lib\commands\serve.js:79:31) at Service.run (D:\vue-element\vue-element-admin\node_modules\@vue\cli-service\lib\Service.js:262:12) at processTicksAndRejections (node:internal/process/task_queues:96:5)

这是一个 Vue.js 项目在开发时出现的错误信息，其中包含了一些调试信息。根据错误信息，似乎是在 `vue.config.js` 文件的第 54 行调用了一个未定义的插件，导致了这个错误。可能需要检查一下 `vue.config.js` 文件，看看是否有插件调用的问题。另外，也可以尝试运行 `npm run build` 命令，看看是否会报错。如果还有问题，可以提供更多的信息以便更好地解决问题。