![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
跨世纪的小瑶
这个作者很懒,什么都没留下…
展开
-
vue动态多环境配置websocket的ws://地址
前景一般vue多环境配置涉及三个文件:.env.development,.env.production,.env.test去配置,通过执行不同命令来区分运行环境。现在公司要求前端不要写死ip地址,防止部署的时候忘记更换命令部错包,通过nginx去代理配置不同端口。现要求的配置文件// .env.development是本地的开发环境正常写地址VUE_APP_BASE_API = 'http://aaaa:8080'VUE_APP_BASE_API_WEBSOCKET = 'ws://sss:808原创 2022-03-16 15:22:25 · 9785 阅读 · 0 评论 -
vue常用多环境配置
vue/cli 常用的前端多环境配置1、新建三个文件// 文件名 .env.developmentNODE_ENV = development# 开发环境的ip端口VUE_APP_BASE_API = 'http://xxxx:8080'// 文件名 .env.production# 生产环境的ip端口VUE_APP_BASE_API = 'http://yyyy:8080'// 文件名 .env.test# 测试环境的ip端口VUE_APP_BASE_API = 'http:原创 2022-03-16 15:06:23 · 1657 阅读 · 0 评论 -
vue中的computed计算属性,报错Computed property “xxx“ was assigned to but it has no setter
vue中的computed计算属性模板内可以是变量,可以是变量的逻辑表达式,也可以是方法。{{ message }}{{ message.split('').reverse().join('') }}{{ messageFunction }}以上均可,模板内尽量使用简洁的声明变量,这些复杂的表达式或者方法会使模板很重难以维护,这个时候需要用到计算属性既然说计算属性和方法都能渲染,那区别是什么呢?计算属性基于它们的响应式依赖进行缓存的,即变量发生变化以后才会执行计算函数,如果变量没有发生变化则原创 2022-01-06 14:31:42 · 5835 阅读 · 0 评论 -
vue/cli3添加自定义icon图标
1、从阿里巴巴矢量图表库将需要的图标,加入购物车;点击购物车2、选择添加至项目3、下载到本地,放到项目中4、在main.js中引入iconfont.css文件,以实际位置为准import './assets/fonts/download/font_1610031_odfhr0q6koc/iconfont.css'5、使用:icon-neirong是图标名<i class="iconfont icon-neirong"></i>...原创 2020-12-04 12:01:46 · 1492 阅读 · 0 评论 -
vue移动端从第三方登录访问项目,路径携带token自动登录
问题描述最近有一个项目需要从“随申办”登录,角色权限分三种,每种身份的人进去需要跳到不同的首页。因为实在随申办登录过的,所以系统不需要专门的登录页让用户进行二次登录,需要直接进入系统。思路:后端从“随申办”拿到用户登录的token返回给前端,前端在初次进入各角色首页时拿到url上的token参数进行自动登录,登录成功后把token存在本地,把url上携带的token去掉(防止用户返回到首页的时候再次登录,此时token已失效)代码main.js中封装公共方法Vue.prototype.reLo原创 2021-10-28 10:23:11 · 2175 阅读 · 0 评论