vue项目完成打包出dist后准备打开index.html，发现居然页面是一片空白，f12一片报红。
经过多次网上查询后发现这是由于vue打包时，脚手架会帮你配置好大量参数，但其中路径publicPath被配置为了”/“,需要手动修改。
1、将vue.config.js中的publicPath:”/“修改为publicPath:”./“
2、删除之前的dist重新打包。
再次打包后打开dist中的index.html，发现页面出来了，但是如果页面有路由跳转的话，会发现跳转失败，
这时需要修改router中的路由模式为hash:
在router的index.js中修改：从vue-router中引入createWebHashHistory，将createWebHistory(process.env.BASE_URL)改为createWebHashHistory(process.env.BASE_URL)。
最后重新打包即可。
在vue开发过程中为了减少重复代码，很多时候都需要将重复的部分写成一个组件，方便调用。但是使用组件时很可能又会给该组件添加点击事件。如果直接这样写，事件则会失效：正确写法应该是这样：...
前言这段时间一直在做可视化，在我的项目中有一部分是电力巡检的数据可视化。其中的数据看板比较简单，我将其单独抽离出来形成一个demo，为保密demo中数据非真实数据。先看效果。 具体效果 链接相关 浏览链接：https://xiblogs.top/original/bigScreen/29/in...
前言 在公司年会期间我做了个抽奖小项目，我把它分享出来，有用得着的可以看下。浏览链接：https://xiblogs.top/original/other/luckDraw/index.html项目链接：https://gitee.com/xi1213/luck-draw (欢迎star!)项目截...
前言之前业务系统中验证码一直是由后端返回base64与一个验证码的字符串来实现的，想了下，前端其实可以直接canvas实现，减轻服务器压力。 实现子组件，允许自定义图片尺寸(默认尺寸为100 * 40)与验证码刷新时间(默认时间为60秒)。同时暴露绘制验证码方法drawPic(),允许父组件直接调...
前言最近新开了个项目，以前老项目都是vue2+vuex开发的，都说用vue3+pinia爽得多，那新项目就vue3+pinia吧。这里记录一下pinia的使用。 使用方法 安装pinia: npm i piniamain.js中引入pinia: //main.js import { cre...
前言前端导出表格有很多种方案，但是表格样式一旦复杂了，那么就得用代码写excel的样式，还是比较麻烦的。每次样式不一样，就得重新写，这时使用表格模板的优势就体现出来了，想导出不同样式的表格直接修改表格模板即可。 方案我找了两种方案：1、使用xlsx-template，利用模板语法在xlsx中占位填...
川公网安备51170302000181