vue
关注
分享
扫一扫
文章平均质量分 95
qq_43059674
划水摸鱼
展开
-
解决 nginx部署vue刷新、访问路由页面404
Bug当使用nginx 部署vue项目的时候 当我们刷新页面的时候，或者访问路由配置页面的时候会直接404，这是因为通常我们做的vue项目属于单页面开发。所以只有index.html。解决这个bug也很简单。只需要将访问重定向到index.html这个页面。交由 index.html 去处理对应的路由跳转就好.修改nginx配置配置代码： server { listen 80; # 监听的端口 server_name xx.xx.xxx.xx; # 处理原创 2020-11-28 23:50:43 · 21202 阅读 · 13 评论 -
解决vue双向数据绑定无法动态响应问题（深拷贝）
下面这种情况vue有时候不能动态的去做响应：this.skuData = [{name: 'zs', age: 18, sex: 'man'}, {....}, ...]var item = {name: 'ls', age: 100, sex: 'worman'}]; this.skuData[0] = item;使用$set就能解决这个问题this.skuData = [{name: 'zs', age: 18, sex: 'man'}, {....}, ...]var item原创 2020-07-22 18:58:26 · 812 阅读 · 0 评论 -
vue + jwt + redis 实现验证码功能
实现基本思路登录界面向后台请求验证码，后台呢就 先调用随机函数生成验证码，并且更具验证码生成一张图片，以 base64 字符串的形式传到前台，这时我们还要生成jwt令牌做为请求验证码客户端的区分。我们先将验证码信息存入reids。key是 jwt令牌的值，value就是验证码了。并且将令牌放入到响应头。传给客户端。当客户端提交的时候将保持的jwt令牌放入请求头带过来。后端根据前端传过来的 jwt...原创 2019-10-08 20:46:03 · 1655 阅读 · 2 评论 -
Vue入门篇
Vue.js是什么？Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架官网：https://cn.vuejs.org/ Vue作者：尤雨溪/中国无锡库和框架的区别**库(Library)**本质上是一些函数的集合。每次调用函数，实现一个特定的功能，接着把控制权交给使用者代表：jQueryjQuery这个库的核心：DOM操作，即：封装DOM操作，简化DOM操作框架...原创 2019-07-30 16:44:44 · 138 阅读 · 0 评论 -
Vue模板语法下
Vue模板语法下样式处理事件处理器防止事件冒泡 模拟qq发送聊天的功能表单增强Vue组件样式处理<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>样式绑定</title> <script src="https://cdn.jsdel...原创 2019-08-02 20:10:34 · 138 阅读 · 0 评论 -
Vue路由
1. SPA是什么单页Web应用（single page application，SPA），就是只有一个Web页面的应用，是加载单个HTML页面，并在用户与应用程序交互时动态更新该页面的Web应用程序单页面应用程序：只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中传统多页面应用程序：对于传统的多页面应用程序来说, 每次请求...原创 2019-08-03 10:06:58 · 107 阅读 · 0 评论 -
使用vue-cli搭建SPA项目
前提：搭建好NodeJS环境node -vnpm -v什么是vue-cli?vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下：vue init webpack xxx注1：xxx 为自己创建项目的名称注2：必须先安装vue,vue-cli，webpack，node等一些必要的环境安装vue-clinpm insta...原创 2019-08-31 08:40:56 · 118 阅读 · 0 评论 -
使用vue-cli搭建SPA项目
0. 前提：搭建好NodeJS环境，使用下面两个指令（查看版本）来查看一下是否将环境安装好了 node -v npm -v如果不会搭建NodeJS环境可用求参考我写的博客 ：vue+elementUI开发模式 和 NodeJS环境搭建1. 什么是脚手架、什么是vue-cli? 脚手架的意思是帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只...原创 2019-08-06 19:17:27 · 180 阅读 · 0 评论 -
SPA项目开发之登录
前言这次博客可能绕，以为会涉及到前台和后台的交互。不过非常的简单。关键是因为细节问题我卡了半天。痛苦。需要注意的问题1、 ajax 跨域问题2、 A xios 的 get/post 的区别（ qs ）3、 简化axios 使用的书写4、 this指针带来的变量污染，需要利用箭头函数来解决；话不多少开始上代码后端代码登录处理actionpublic class UserActio...原创 2019-08-10 01:05:55 · 1437 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
文章目录Mock.jsSPA项目开发之首页导航+左侧菜单 实现登陆与注册页面的跳转AppMain.vue、TopNav.vue、LeftNav.vue 的创建和配置vue Bus总线主要技术点1、mock.js模拟响应ajax请求2、通过js代码完成路由的跳转3、后台主界面的搭建4、退出功能5、左侧树收缩功能（vue总线的概念）Mock.js技术背景前后端分离开发开发过程当中，经...原创 2019-08-10 11:50:09 · 400 阅读 · 0 评论 -
vue+elementUI开发模式 和 NodeJS环境搭建
vue+elementUI和传统开发的不同Vue+ElementUI实现的是组件化开发，使用一个个组件来构成我们所看到的页面。这种开发模式页叫做 SPA，SAP就是整个项目只有应该html页面，那么如果只有应该html页面如何实现呢？？？，那就是要靠我们牛逼的 Vue路由啦。elementUIelemenetUI就是一个基于Vue开发出来的ui框架。最大的特点就是组件化开发。我们只需要将代...原创 2019-08-05 11:11:50 · 760 阅读 · 0 评论 -
JWT
JWTJWT 简介JWT的组成HeaderPayload(负荷)signatureJWT的验证过程JWT令牌刷新思路Vue使用 JWT做用户认证案例java后端代码vue中JWT 简介1、JSON Web Token（JWT）是目前最流行的跨域身份验证解决方案。2、JWT的精髓在于：“去中心化”，数据是保存在客户端的。是在服务器身份验证之后，将生成一个JSON对象并将其发送回用户，示例如下...原创 2019-08-17 13:04:55 · 404 阅读 · 0 评论 -
Vuex
Vuexvue中各个组件之间传值比较Vuex简介Vuex 安装和配置vuex的核心概念storestate(保存数据的容器)gettersmutationsactionsvue中各个组件之间传值比较1.父子组件父组件–>子组件，通过子组件的自定义属性：props子组件–>父组件，通过自定义事件：this.$emit(‘事件名’,参数1,参数2,…);缺点：用组件之间通讯。这...原创 2019-08-16 19:30:24 · 119 阅读 · 0 评论 -
SPA项目开发之CRUD+表单验证
表单验证Form组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将Form-Item的prop属性设置为需校验的字段名即可 <el-form-item label="活动名称" prop="name"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm">注1：有多个...原创 2019-08-14 15:16:23 · 133 阅读 · 0 评论 -
vue学习（二）
文章目录插值表达式指令过滤器计算属性和监听属性小结插值 <body> <div id="app"> <h1>文本</h1> {{msg}} <h1>使用html</h1> <div v-html="vueHtml"></div> <h1>使用v-bi...原创 2019-07-31 22:00:51 · 104 阅读 · 0 评论