
vue
听闻如故
此人很棒,什么都没有写
展开
-
VUE-axios前端配置跨域
在使用vue进行前端项目开发时,通常会遇到请求后端接口出现跨域的问题,原因通常为客户端无法直接请求服务端接口从而实现获取数据,但是服务端对服务端可以实现获取,因此我们需要实现一个vue自己的小型代理服务laitiwo...原创 2021-06-09 15:00:11 · 298 阅读 · 0 评论 -
vue设置全局访问API接口地址(二)
在使用vue框架进行前后端分离项目开发时,通常涉及到与后段接口进行交互,平时一般使用比较多的就是用axios来实现调用后段接口,一般有两种实现方式第一种:参考我之前这篇博客https://blog.youkuaiyun.com/gl19980514/article/details/107297575第二种:首先需要引入axios依赖在main.js中设置如下内容//引入相关依赖import axios from 'axios'//设置全局变量为$http方便调用Vue.prototy.原创 2020-07-30 17:05:08 · 2183 阅读 · 1 评论 -
Vue自定义时间过滤器处理表格时间显示异常的问题
在使用vue table组件进行数据渲染的时候通常会遇到关于时间的数据显示异常的问题,原因通常在于后端接口给我们返回的时间数据格式不一致所导致,所以需要我们来自定义一个关于时间处理的过滤器来处理这个问题在main.js中定义如下内容//时间过滤器Vue.filter('dateFormat',function (originVal) { const dt = new Date(originVal) const y = dt.getFullYear()原创 2020-07-25 15:23:07 · 858 阅读 · 4 评论 -
vue 设置路由导航守卫 控制路由跳转
在实际项目中,通常有这样的需求,在用户没有登录的时候通常时不允许访问除了登录页面之外的页面,这个时候就需要使用路由导航守卫来控制跳转了,通常设置如下在router文件夹下的index.js中添加如下代码//为路由对象,添加beforEach导航守卫router.beforEach ((to,from,next)=>{ //to 将要访问的路径 // from 代表从哪个路径跳转而来 //next 表示放行函数 // next() 直接放行 ne...原创 2020-07-15 10:00:50 · 3339 阅读 · 0 评论 -
vue:vue+ element ui 表单验证有值但验证失败
在使用vue做表单提交验证时,出现了无法实现正确的判断的情况,如下 贴上我的代码<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px""> <el-form-item label="用户名" prop="userName"> <el-input v-model="ruleForm.name"></el-input> </el-form.原创 2020-07-14 17:37:07 · 2480 阅读 · 0 评论 -
vue设置全局访问接口API地址
在使用vue框架进行前后端分离项目开发时,通常涉及到与后段接口进行交互,平时一般使用比较多的就是用axios来实现调用后段接口,写法一般为 xxx() { const _this = this axios.get("http://ip:port/xx/xx").then(function (resp) { .....//省略 }) }...原创 2020-07-12 12:12:12 · 9653 阅读 · 1 评论