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)。
最后重新打包即可。
vuex是什么vuex是一个专门为vue开发的状态管理工具，它采用集中式存储管理应用的所有组件的状态，其核心是state。 vuex中有什么state：存放状态数据的地方，其中数据是响应式的，数据改变对应组件的数据也会跟新改变，禁止直接改变state中的数据否则数据无法被调试工具监测。getter...
安装node1、检查node，未安装在这里(https://nodejs.org/dist/v16.14.0/node-v16.14.0-x64.msi )下载最新版安装。2、检查npm，node自带npm但不是最新版本，需要命令更新：npm install -g npm 安装vue脚手架1、在国...
每次点击方块时通过三元表达式，改变对应的class，每一个不同的class对应不同的样式，从而通过改变class实现样式的切换。 <template> <div class="container"> <!--通过三元表达式选择cla...
发现问题在使用vue开发大屏时，发现了一个很好用的可视化组件库DataV(http://datav.jiaminghi.com/ )，不是阿里那个DataV哈，用vue2开发时都一切顺利，直到有一天升级项目到vue3时，发现一堆报错，后面查了下，好像是DataV不兼容vue3，而vue3版本的Dat...
前言这段时间一直在做可视化，在我的项目中有一部分是电力巡检的数据可视化。其中的数据看板比较简单，我将其单独抽离出来形成一个demo，为保密demo中数据非真实数据。先看效果。 具体效果 链接相关 浏览链接：https://xiblogs.top/original/bigScreen/29/in...
前言 在公司年会期间我做了个抽奖小项目，我把它分享出来，有用得着的可以看下。浏览链接：https://xiblogs.top/original/other/luckDraw/index.html项目链接：https://gitee.com/xi1213/luck-draw (欢迎star!)项目截...
川公网安备51170302000181