vue-element-admin之修改登录页面背景

之前将要更新的背景图放在了项目中src/assets/下面，比如背景图片的路径为../src/assets/bg.jpg，然后设置后运行一直报错，提示的错误意思主要是找不到。

最后看了网上的文章，抱着试一试的心态，更改了背景图的路径，在assets目录下新建login_images文件夹，将背景图放在该目录下，路径为../src/assets/login_images/bg.jpg。重新运行就成功了。

下面将修改的内容贴出来：

1、路径要对，这是关键；

2、登录页面的路径是：src/views/login/index.vue

3、在login/index.vue中，主要修改login-container

4、红色框主要为更新的代码：

以上操作完成后，就可以顺利运行了！

vue-element-admin之修改登录页面背景相关推荐

vue element admin登录方式切换（密码登录或短信登录）
显示结果: 具体代码可以根据vue element admin源码进行更改,下面是页面代码 <el-form ref="loginForm" :model="log ...
修改登录页面Login
Ant Design Pro的前端路由都在config/config.ts里面,因为系统布局采用ProComponents中的ProLayout,ProLayout 与 umi 配合使用,umi 会把 ...
Vue Element Admin 使用mock模块模拟数据
Mock 数据是前端开发过程中必不可少的一环,是分离前后端开发的关键链路.通过预先跟服务器端约定好的接口,模拟请求数据甚至逻辑,能够让前端开发更加独立自主,不会被服务端的开发所阻塞. vue-elem ...
怎么改锁定计算机的背景,电脑修改登录界面背景壁纸的操作方法
原标题:"Win7系统电脑修改登录界面背景壁纸的操作步骤"相关电脑问题教程分享. - 来源:191路由网. Win7系统电脑怎么修改电脑登录界面?有用户喜欢对系统做一些个性化设置, ...
vue+element+admin（初始化项目）
2022.10.17我接触到了vue+element+admin的使用,首先要安装node.jshttps://nodejs.org/zh-cn/download/.和githttps://git-s ...
后端使用SpringBoot和Jwt工具与Redis数据库+前端Vue Element Admin实现用户携带token的登录功能案例
登录功能描述: 前端输入对应的用户信息 ,在用户输入邮箱后点击发送按钮给邮箱发送验证码,拿取到验证填完之后,点击登录按钮给后端发送请求 ,后端接收到请求之后 ,第一步校验验证码,第二步校验用户名和密 ...
vue搭建项目、创建登录页面和后台交互之引入axios
目录 1. 搭建项目 1.1 使用vue-cli创建项目 1.2 通过npm安装element-ui 1.3 导入组件 2 创建登录页面 2.1 创建登录组件 2.2 引入css(css.txt) 2 ...
SAP修改登录桌面背景图片
SAPgui 提供了丰富的界面风格设定功能,跟 Windows 桌面主题一样,可以任意设定自己喜欢的颜色风格.不过美中不足,它的背景图片却比较单调,天天看惯了正式系统的蔚蓝水池或者 IDES 系统的小 ...
vue项目云e办——登录页面（一）
云e办文章目录云e办视频学习地址前端目标效果登录页面代码视频学习地址云e办视频学习地址前端目标表单可以校验是否为空,如果为空,点击登录时弹出错误提示框. 效果登录页面代码登录页 ...
Vue实现一个简单的登录页面【自定义】
创建一个自定义插件 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...

vue-element-admin之修改登录页面背景

vue-element-admin之修改登录页面背景相关推荐

最新文章

热门文章