1，问题描述（1）项目采用 Spring Boot + Vue.js 前后端分离开发，整合部署。之前一直使用正常，但最近对 Spring Boot 端配置了 server.servlet.context-path。也就是说最终访问路径如下： http://ip:端口号/项目名/index.html（2）但访问页面时发现一些图片文件显示不出来（引用的是 static 文件夹下的图片）：2，问题原因 ...

Fabric.js 是一个可以简化 Canvas 程序编写的库。Fabric.js 为 Canvas 提供所缺少的对象模型、svg parser、交互和一整套其他不可或缺的工具。本文演示如何在 Vue.js 项目中引入并使用 Fabric.js 库。1，安装配置（1）首先进入项目文件夹，执行如下命令进行安装：npm install fabric（2）安装后打开 main.js 文件，添加如下代码将 ...

在 vue 项目中，我们通常会使用 Axios 库来与后台进行数据交互。而当我们发起 ajax 请求时，常常需要在页面上显示一个加载框（Loading 效果），然后等数据返回后自动将其隐藏。要实现这个功能，我们可以在每次请求前手动显示个加载框，等收到数据后又将其隐藏。但如果每个请求要都这么做，就略显麻烦。 下面通过样例演示如何封装一个带 loading 效果的 Axios 组件，它能够对请求和响应 ...

有时我们需要在页面上展示 json 数据，如果直接显示出来效果不太好。下面演示如何在 Vue.js 项目中创建一个专门的 Json 数据格式化组件，并使用它进行展示。1，效果图（1）JsonView 组件会自动对 JSON 数据进行格式化显示，同时具有语法高亮效果。（2）同时点击节点头部的三角箭头，还可以对该节点进行展开、折叠操作。 2，组件代码（JsonView.vue）<templat ...

子菜单的展开、收缩功能在许多系统上都很常见，如果想要在打开收起时带有动画效果，过去常常会通过 jQuery 实现。而在 Vue 项目中，我们可以单独封装一个动画组件，方便使用。 1，效果图 点击一级菜单时，子菜单会从上往下逐渐展开。 再次点击一级菜单，子菜单又会从下往上收起。 2，创建动画组件（collapseTransition.js）组件代码如下，其内容是通 ...

1，问题描述最近发现使用npm run build命令打包项目一直失败。报如下错误：MacBook:eciothangge$npmrunbuild >eciot@1.0.0build/Volumes/BOOTCAMP/Vue/eciot >nodebuild/build.js ⠋buildingforproduction.../Volumes/BOOTCAMP/Vue/eciot ...

1，问题描述（1）element-ui自带了一套常用的图标集合，使用起来十分方便。最近发现当Vue.js项目中使用element-ui图标时，如果使用npm run dev方式启动，图标是显示正常的： （2）而一旦使用npm run build编译打包后发布到服务器上，会发现图片显示不出来（Chrome浏览器下显示方块）。（3）查看网络请求可以看到如下两个字体文件加载不到：http://local ...