【前端开发】Vue获取图形验证码(配置地址)
发布日期:2021-06-24 15:28:49
浏览次数:3
分类:技术文章
本文共 1117 字,大约阅读时间需要 3 分钟。
最近研发项目用到了vue开发,之前了解angularJs,对vue上手还是比较快的,主要是涉及到http这一块,今天仔细研究了下,记录一下。
在vue.config.js文件中配置代理:
proxy: { [process.env.VUE_APP_BASE_API]: { target: `http://localhost:18081/protal`, changeOrigin: true, pathRewrite: { ['^' + process.env.VUE_APP_BASE_API]: '' } } },
这里面涉及到参数process.env.VUE_APP_BASE_API,用于伪装url,配置在了.env.*****(开发环境)文件中了
共有:.env.development---这个对应本地地址打包环境
.env.production------这个对应正式环境
.env.test-----这个对应正式环境与本地打包环境中间的测试服务器上线环境,另外.env.sit .env.uat自行配置
# 标志环境ENV = 'development'# 伪装的上下文VUE_APP_BASE_API = '/dev-api'# VUE_CLI_BABEL_TRANSPILE_MODULES = true# 每个环境下的实际urlVUE_APP_URL = http://127.0.0.1:18081/protal/
下面就是涉及到在登录页获取图形验证码了
由于url都是在公共的配置中统一配置了,就要在登录页获取这个参数
export default { data() { return { tokenImg: process.env.VUE_APP_URL + 'tokenImg?random=' + Math.random() } }, methods: { updateCode() { this.tokenImg = process.env.VUE_APP_URL + 'tokenImg?random=' + Math.random() }, login() { // }, register() { this.$router.push('/register') } }}
html的写法简单就是
:src ->代表属性,可赋值
src ->链接地址
但是有个问题,这样就无法实现伪装了,怎么搞?
转载地址:https://blog.csdn.net/weixin_33602978/article/details/104866376 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年04月09日 04时15分38秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
android线刷包!跟我一起手写EventBus吧,大厂内部资料
2019-04-29
android实战!百度、阿里、滴滴、新浪的面试心经总结,满满干货指导
2019-04-29
Android小技巧:一线互联网移动架构师NDK模块开发!含BATJM大厂
2019-04-29
docker搭建postgresql9.4主从同步复制集群
2019-04-29
docker下postgis12+postgis3.0搭建
2019-04-29
什么是函数式编程
2019-04-29
Java开发必用的工具包
2019-04-29
世界500强公司要求员工必须熟练掌握的七种工作方法
2019-04-29
九个做事的顺序,你会更加优秀
2019-04-29
史上最详细的Hadoop环境搭建
2019-04-29
最近经历的一些大数据(Spark/Hadoop)面试题
2019-04-29
Hadoop MapReduce原理及实例
2019-04-29
spark中访问数据库多种方式(遇到坑)
2019-04-29
scala学习中遇到的问题
2019-04-29
Spark常用算子讲解
2019-04-29
基于scala的spark程序必学知识点
2019-04-29
DataFrame、Dataset、RDD的区别与联系及相互之间的转换
2019-04-29
JAVA常用工具类
2019-04-29
Java 集合系列目录(Category)
2019-04-29