hgweb的博客

https://www.niwoxuexi.com/blog/user/151

  • Vue.js - 解决项目部署到Spring Boot中无法加载static文件夹里图片的问题

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

    • 更新时间: 2019-12-26 02:09
    427浏览
    0推荐
    0评论
  • Vue.js - 在项目中引入并使用Fabric.js库(Canvas绘图库)

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

    • 更新时间: 2019-12-26 02:03
    675浏览
    0推荐
    0评论
  • Vue.js - 封装Axios实现全局的loading自动显示效果(结合Element UI)

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

    • 更新时间: 2019-10-10 06:08
    440浏览
    0推荐
    0评论
  • Vue.js - 自定义一个JsonView组件(树形格式化显示JSON数据)

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

    • 更新时间: 2019-10-10 06:02
    230浏览
    0推荐
    0评论
  • Vue.js - 元素展开、收起动画效果组件(附:二级菜单的展开、收缩动画效果)

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

    • 更新时间: 2019-09-16 02:54
    452浏览
    0推荐
    0评论
  • Vue.js - 解决npm run build报错(TypeError: Cannot read property 'compilation' of undefined vue)

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

    • 更新时间: 2019-09-06 02:06
    440浏览
    0推荐
    0评论
  • Vue.js - 解决部署到服务器后Element UI图标不显示问题(404错误)

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

    • 更新时间: 2019-09-06 02:05
    695浏览
    0推荐
    0评论