前后端分离开发中必要会遇到的问题—跨域。在使用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...
在跟着教程执行创建 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 会代理到你指定的接口地址，大功告成
转： JS(vue iview)分页解决方案 JS(vue iview)分页解决方案参考文章： （1）JS(vue iview)分页解决方案 （2）https://www.cnblogs.com/linshen/p/7633052.html 备忘一下。 转： JS(vue iview)分页解决方案
摘要： 神奇的JS系列。作者：前端小智 原文：8个问题看你是否真的懂 JSFundebug经授权转载，版权归原作者所有。 JavaScript 是一种有趣的语言，我们都喜欢它，因为它的性质。浏览器是JavaScript的主要运行的地方，两者在我们的服务中协同工作。JS有一些概念，人们往往会对它掉以轻心，有时可能会忽略不计。原型、闭包和事件循环等概念仍然是大多数JS开发人员绕道而行的晦涩领域之一。正如我们所知，无知是一件危险的事情，它可能会...
vue-cli升级失败，折腾了好久都没升级成功。 问题描述如下： 因为我之前 vue-cli 2.9.6版本是全局安装的，根据官方文档，升级前要先执行 npm uninstall vue-cli -g 卸载旧的版本。 卸载完后输入：vue -V ，会提示 ‘vue’ 不是内部或外部命令，也不是可运行的程序 或批处理文件解决方法 ，表示以已经卸载成功。 输入安装命令： npm install -g @ vue/cli 进行安装，安装好后再输入：vue -V，发现还是提示 ‘vue’ 不是内部或外部命...