VBox持续进行中，哀家苦啊，有没有谁给个star。 vuex是vue用于数据存储的，和redux充当同样的角色。 最近在VBox开发的时候遇到的问题，页面刷新或者关闭浏览器再次打开的时候数据归零。这是头疼的问题。 网上搜，大家的方案都是把数据转移到 localStorage或者其他持久化存储（例如indexDB）。 这倒是可以，我在设计之初因为匆忙，没有考虑周全，这下好，然不成每个 mutation都去存一下。 这个弄的我很不开心，周六在公司，本来就困...
前言 Vue.js 是开源的一个前端开发库，通过简洁的 API 提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中，Vue.js在近年来受到一定程度的关注，目前在 GitHub上已经有5000+。 本文是笔者在开发实践中踩过的坑，总结和分享出来，希望对大家学习Vue有所帮助。下面来看看详细的介绍： 【问题描述】v-for遍历数组中存在空值导致页面报错，情况如下：开发框架是以Vue为模型绑定的核心，根据错误可以进行一个简单的判断： ...
前后端分离开发中必要会遇到的问题—跨域。在使用vue开发的时候，开始为了解决跨域问题。采用的是CORS（Cross-origin resource sharing）。后台在响应头中添加Access-Control-Allow-Origin。这样就可以跨域调后台接口了。 在前几天无意中看到了config的index.js文件中有一个proxyTable属性，通过配置可以解决开发环境的跨域 开发期间的API代理 当将此样板与现有后端集成时，通常需要在使用dev服务器时访问后端API。为了实现这一点，...
Vue 中使用v-for语句抛出错误的解决方案 今天在维护以前的项目的时候遇见了下面的报错情况，开始我以为是因为jQuery和Vue冲突了，所以把以前的jQuery改了，但是还是出现同样的错误…通过查阅资料，发现是因为循环的变量里面的值重复了，导致Vue报错。代码如下: Uncaught (in promise) TypeError: Cannot read property ‘removeChild of null接下来查了一下解决方案，发现在Vue 2.0之前的版本可以通过在v-for语句后面加如下语句解决...
在项目中开始使用vue2来构建项目了，跟 vue1 很大的一处不同在于2 取消了props 的双向绑定，改成只能从父级传到子级的单向数据流，初衷当然是好的，为了避免双向绑定在项目中容易造成的数据混乱。 解决方案一然后开始参考网上和github上的方案等等，发现很多解决方案是这样的 用data对象中创建一个props属性的副本watch props属性 赋予data副本 来同步组件外对props的修改watch data副本，emit一个函数 通知到组件外这里以最常见的...
介绍在后端项目里 比如我们的Laravel框架 对于表单验证有自己的一套validation机制 他将验证集成在FormRequest 我们只需要在我们的方法中依赖注入我们自己实例化后的验证类 当然也可以直接去在方法里去验证表单数据 而在我们的前端的项目里 也就是在我们的vue项目里 也有比较好的验证解决方案 也就是这的vuelidate 1.安装和我们安装前端包一样 在项目终端执行: $ npm install vuelidate --save安装完成后和我们去使用vuex一样 在ma...
1.前言 在ssm+vue的项目中，出现了跨域问题，前端一直报错：Response to preflight request doesnt pass access control check: No Access-Control-Allow-Origin还有其他的错误没有截到，反正都是Cors相关的跨域问题，找了很久，以此记录以下。 2.前端设置 这里有一个巨坑就是：axios默认是不开启cookie功能的，而且开启cookie功能后，Origin是不允许配置为通配符*的（这个是最大的坑），首先前端配置区别就在于创建axios请求对象时...
我有一个组件,它根据props的值具有不同的模板内容.我觉得组件的结构还不够好,任何人都很难理解代码.如何将组件分成多个部分？<template> <div><div v-if='config.isTag'><!-- some 10 lines of code --><span v-if="ok" class="class"></span><span v-else ><em><!-- some 3 lines of code --></em></span></div><div v-if="ok"class='classes'><div v-if="ok"><div v-if="ok" ><!-- some 20 lines of code --></div><div v-elsecl...
thinkphp-vue-admin 后台接口 | 前后端分离解决方案它一套有thinkphp开发集成性后台接口，内置权限管理，api响应，psysh等多功能工具推荐一个thinkphp 权限管理包： https://github.com/surest-sky/thinkphp-permission 他的作用自带登录校验 快速完成数据格式校验 自带权限管理机制 支持权限管理自动生成节点 自带响应格式处理 支持后端的菜单控制利用它 快速搭建基础的 前后端分离场景下的后台 在线地址: http://v-web.surest....
thinkphp-vue-admin thinkphp + vue + element + 权限管理 + 菜单自定义解决方案 在线地址: http://v-web.surest.cn/ 账号: admin 密码: admin123 后台 api 地址 https://github.com/surest-sky/think-vue-admin-api 支持功能jsx render 渲染table结合minix 快速创建 table + 分页 + 查询结合后端支持权限菜单自定义渲染权限管理后台来自： https://github.com/PanJiaChen/vue-element-admin 这里仅仅在其功能上面增加了对接后端的...
环境描述 本次环境是通过jenkins编译npm run build 或者UMI_ENV=dev umi build 生成dist目录通过Dockerfile build一个新镜像上传私服通过swarm集群service运行镜像，使用与swarm一个net下的nginx代理访问的。 [root@jenkins-master DEV-sk_platform_brand_common]# cat DockerfileFROM basic-registry.xxxx.com/skong/nginx###继承自centos镜像 MAINTAINER waitfish from litx_sean####创建者信息 COPY publish/ /data/web/COPY ...
今天晚上重新调试vue项目，发现报如下错误： [plugin:vite:import-analysis]>[plugin:vite:import-analysis] Failed to resolve import "./views/Home" from "src\main.js". Does the file exist?截图如下：出现这个问题，就是因为一个： 之前我们写代码引入.vue 文件不加后缀，现在vite分析器要这个后缀导致的！！！！！！！！！！！ 所以,我们引用的时候，需要从 import Home from './views/Home' 转变为 import Home from './vi...
1.项目初始化 安装Vue脚手架通过Vue脚手架创建项目配置Vue路由配置Element-UI组件库配置Axios库初始化git远程仓库将本地项目托管到Github或码云中 相关依赖-按需导入 2.登录概述 1. 登录业务流程 在登录页面输入用户名和密码调用后台接口进行验证通过验证之后，根据后台的响应状态跳转到项目主页 2. 登陆业务的相关技术点 http是无状态的通过cookie在客户端记录状态通过session在服务器端记录状态通过token方式维持状态 3.登陆页面...
在跟着教程执行创建 Electron-Vue 程序的时候，大家可能会遇到下面的问题。就是在运行创建好的 electron-vue 程序的时候，程序是运行起来了，但是界面不是我们预期的效果，而是报了如下的错误。 我的项目环境如下:node v12.18.1 npm v6.14.5 webpack v4.44.1 vue v2.6.11 vue-cli v4.4.6 System windows 10查看版本号的命令如下node -v //查看 node.js 版本npm -v //查看 npm 版...
最近接手了一个前后端分离的后台管理系统项目(vue + vue-elementui-admin)，那肯定要解决跨域问题，下面介绍下vue-cli3下如何实现跨域代理，方法绝对有效！ 1、拦截器中2、axios请求中3、vue-cli3配置.env.development(在项目根目录下)，文件需要自己新建！！！！4、最熟悉的了，在devServr中配置跨域代理配置万以后，切记要npm run serve，此时/api/login 会代理到你指定的接口地址，大功告成