原文链接：https://www.jianshu.com/p/1996c7f105e3 上效果：未播放时已经播放时 1.安装wavesurfer npm install wavesurfer.js2.在页面导入import WaveSurfer from wavesurfer.js注:我没有使用时间轴，所以没有引入，如果需要再引入import Timeline from wavesurfer.js/dist/plugin/wavesurfer.timeline.js3.上源码<template><el-row><el-card class="card" :body-style="{ padding: '10px' }"><div id="waveform" ref="wavefo...
最近接手了一个前后端分离的后台管理系统项目(vue + vue-elementui-admin)，那肯定要解决跨域问题，下面介绍下vue-cli3下如何实现跨域代理，方法绝对有效！ 1、拦截器中2、axios请求中3、vue-cli3配置.env.development(在项目根目录下)，文件需要自己新建！！！！4、最熟悉的了，在devServr中配置跨域代理配置万以后，切记要npm run serve，此时/api/login 会代理到你指定的接口地址，大功告成
安装vue-devtools配置中的各种问题及解决 vue-devtools的安装 从github上克隆或者下载压缩包并解压 https://github.com/vuejs/vue-devtools 在devtools路径下进入命令提示符 输入npm install(npm i) 安装必要的一些依赖( 如果这一步报错的话，可以使用cnpm install) npm install cnpm install再输入 npm run build npm run build注：如果不执行这一步可能会导致shells > chrome文件缺少build文件 成功如下图 5.打开Chrome浏览器...
VUE访问接口的时候，很可能出现跨域请求，从而被提供接口的服务器拒绝，这个问题可以直接在VUE里面解决，解决方法：在vue.config.js里面加入配置信息。 在module.exports中加入： devServer: {proxy:http://localhost:8089},这里的proxy，是真正要访问的提供接口的服务器url ！ 参考： https://blog.csdn.net/wh_xmy/article/details/87705840 https://www.cnblogs.com/linjiangxian/p/13203835.html
今天vue前端调试的时候发现，前端一直在莫名其妙的发送websocket请求。如图所示莫名其妙是因为前端根本就没有用到websocket。一顿查询之后发现是因为引入的第三方包sockjs-client导致的，解决办法就是将这个包去掉如果用不到的话，或者按照如图所示的步骤将这段代码注释掉即可文末分享整理的一些学习视频教程网盘资源：https://pan.baidu.com/s/13dbR69NLIEyP1tQyRTl4xw
vue-cli2 proxyTable: { // proxy all requests starting with /api to jsonplaceholder /api: { target: http://localhost:1337, //目标服务器,注意要到端口号 changeOrigin: true, //是否跨域 pathRewrite: { ^/api: //重写api使得 /api/login -> http://localhost:1337/login等等，这里好多csdn博主跟我的不一样，可能个人喜好问题，...
getSelectionList () { // 获取下拉框内容var vm = thisvar url = localhost:8080/demo + /demo/selectListvar data = {}请求.postJson(vm, url, data, function (res) {vm.selectionList=vm.getTreeData(res.data)})}, getTreeData(data) {// 递归判断列表，把最后的children设为undefinedfor (var i = 0; i < data.length; i++) {if (data[i].children.length < 1) {// children若为空数组，则将children设为undefineddata[i]...
如果不可避免的在同一个页面里既有 django 渲染又有 vue 渲染的部分，出现冲突的两种解决方法： 方法一： 建议把 vue 的部分用 {% verbatim %} 包起来。详见：https://docs.djangoproject.com/en/2.2/ref/templates/builtins/#verbatim {% verbatim %}<div>{{ text }}</div> {% endverbatim %} 方法二：采用 Vue 的 delimiters 分隔符。 new Vue({delimiters: ["{[", "]}"] // 可自定义符号 })
引入在vue脚手架中 ，如果直接 ：src是图片路径的时候，一定报错<div class="item" v-for="(item, i) in honer" :key="i"><img :src="item.src" alt="" /></div>所以图片路径引入的时候，一定要通过 require 来引入 card: [{src: require("../static/card/d1.jpg"),}, ]
转： JS(vue iview)分页解决方案 JS(vue iview)分页解决方案参考文章： （1）JS(vue iview)分页解决方案 （2）https://www.cnblogs.com/linshen/p/7633052.html 备忘一下。 转： JS(vue iview)分页解决方案
vue.config.js文件里 module.exports = {devServer: {proxy: {//配置跨域"/api": {target: "http://localhost:18080/", //这里后台的地址模拟的;应该填写你们真实的后台接口changOrigin: true, //允许跨域pathRewrite: {/***重写路径，当我们在浏览器中看到请求的地址为：http://localhost:8888/api/...... 时*实际上访问的地址是：http://localhost:18080/......,因为重写了 /api*/"^/api": "",},},},}, };附vue.config.js
摘要： 神奇的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’ 不是内部或外部命...
修改vue-router的配置文件，默认位置router/index.jsimport Vue from vue import Router from vue-router/*** 重写路由的push方法* 解决，相同路由跳转时，报错* 添加，相同路由跳转时，触发watch (针对el-menu，仅限string方式传参，形如"view?id=5")*/// 保存原来的push函数 const routerPush = Router.prototype.push // 重写push函数 Router.prototype.push = function push(location) {// 这个if语句在跳转相同路径的时候，...
原因分析 如果你的前端打包资源放置在了诸如 sprint boot 的后端项目中，可以看看是不是后端的项目把你的 woff 的字体图标文件进行了转义，导致浏览器解析失败。 解决方案 在maven文件的pom文件的build标签加入下面的 <plugin> <groupId>org.apache.maven.plugins</groupId><artifactId>maven-resources-plugin</artifactId> <configuration> <nonFilteredFileExtensions> <nonFilteredFileExtension>ttf</nonFilteredFileExtensio...