SpringBoot与Vue前后端分离跨域导致文件无法下载问题
SpringBoot与Vue前后端分离的情况下下载文件，如果不做特殊配置，会出现下载失败的清苦。这是因为浏览器有同源策略，即只允许在同一个域名下进行数据交互，如果请求方与响应体的协议、域名、端口不一致，就会存在跨域问题。即使后端已经配置了允许跨域访问，前端也关闭了vue的安全策略，但是在文件下载这里仍然不能正常下载，可能是因为浏览器默认情况下不允许跨域下载文……
单个nginx如何部署多个vue项目
对于开发的多个vue项目，最后都想直接打包发布到1个nginx中，我们该怎么去做呢？要想实现单个nginx部署多个vue项目，只需要如下几步即可。 前置说明 1、准备两个前端项目 这里Java潘老师准备了两个vue项目，项目名分别为web70和web90，web70对应的端口是70，web90对应的端口是90，往后端发送请求的api前缀都是dev-api，v……
如何安装cnpm？快速简单的安装教程！
有时候npm不能满足我们的需求，比如速度太慢或者很多依赖在安装时直接报错，往往安装cnpm就能解决该问题。那么如何安装cnpm呢？我们来看下快速简单的安装教程吧！ 一般我们默认你是安装好nodejs的，且拥有npm指令执行权限，我们只需要打开cmd命令行，执行如下安装cnpm指令，这里我们指定的是淘宝镜像源，这样速度更快。 npm install -g ……
npm ERR! code 128 解决方案，亲测有效
vue项目在使用npm install安装依赖时，提示如下错误，该如何解决呢？以下方法亲测有效。 npm ERR! code 128 npm ERR! Command failed: git clone –depth=1 -q -b fix/hr_is_inline 其实解决方案非常简单，只要执行如下指令即可解决： npm cache cl……
You are using the runtime-only build of Vue where the template compiler is not available问题解决
最近在使用第三方库的Vue组件时，都正常import而且，全局注册了，但在使用组件时却一直出不来效果，看console报错类似如下提示： You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile t……
Vue富文本编辑器插件推荐使用vue-html5-editor
我们在使用vue开发项目时，可能会涉及发布文章等功能，那就会用到富文本编辑器，今天潘老师给大家推荐一款曾经过用过的插件vue-html5-editor，整体使用下来还是很不错的，比较简单，功能也非常强大，让我们一起看下该款Vue富文本编辑器插件怎么用。 vue-html5-editor插件的安装与使用 1、安装 首先我们要安装该插件，直接执行如下代码即可 ……
axios和vue-axios的关系及使用区别
今天潘老师在搭建vue项目时，想引入axios打开其官方文档，发现推荐的使用方式除了要安装axios还安装了vue-axios，潘老师之前一直都是直接用axios，没用过vue-axios，不由地好奇两者之间是有什么区别，使用哪一个是更优的选择。下面，我们来一起看一下axios和vue-axios的关系及使用区别 一、axios和vue-axios的关系/区……
如何使用IntelliJ IDEA开发Vue项目并运行
开发Vue基本都是使用VsCode或者HbuildX，但前后端分离开发，还都要求你一个人开发时，两个idea就有点麻烦了，对于像我等Java程序员来说，能用IntelliJ IDEA开发的就不用其他的，下面潘老师来介绍下如何使用IntelliJ IDEA借助插件来开发Vue项目并运行。 一、环境准备 首先保证本地环境能正常运行IntelliJ IDEA，也保……
antd如何实现table表格的rowspan、colspan行列合并
表格在前端开发用的非常多，最近一直在用antdesign开发vue项目，有一个需求就是要实现表格行合并，查看官网发现实现table表格的rowspan、colspan行列合并的案例代码如下： <template> <a-table :columns="columns" :data-source="da……
typescript any类型不建议使用，如何查找第三方库的对应类型？
在使用typescript开发时，经常会使用any类型，因为很方便，任何类型都能接收，尤其是对第三方库里面的数据类型，只要使用any，任何问题都解决了！但是，我们不建议使用any类型！ 什么是 any？any不是通配符，也不是基类型，它是明确地与第三方库进行交互。any 类型可让代码在编译期间逐渐选择加入和选择退出类型检查机制。使用 any 可能允许我们在不……
antd table如何实现column列前后端排序
antd table组件的功能非常强大，可以实现根据column列进行前端和后端排序、筛选等功能，下面潘老师给大家介绍下antd table如何实现前端排序和服务端排序的问题。 一、前端排序 antd table前端排序其实非常简单，我们先看下column列官方API说明： 所以想要实现前端排序，只要在定义column列时，设置sorter属性，再带个回调……
Vue3中的watch和computed的使用方法详解
现在很多web前端项目开使用vue3开发，而对潘老师这中专注于Java后端开发的程序员而言，之前也只学过vue2.x，现在是前后端兼顾，最近有个功能要用到watch监听器和computed计算属性，但是用法和vue2还是有区别的，下面潘老师对Vue3中的watch和computed的使用方法做下记录，方便以后使用。 computed使用 // 模板代码……
