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)。
最后重新打包即可。
安装1、安装sass：npm i sass。2、安装sass-loader：npm i sass-loader@ 10.1.1。(安装sass-loader时会出现版本报错，建议使用10.1.1) 使用在style标签中写入lang=’scss’(勿误写为sass)，样式代码直接嵌套编写，更加直观...
父传子利用props传值，子组件中规定props数据类型，然后父组件使用子组件时需要绑定数据在子组件上：父组件： <template> <div class="parents-div"> <!--绑定msg传入子组件-->...
在vue开发过程中为了减少重复代码，很多时候都需要将重复的部分写成一个组件，方便调用。但是使用组件时很可能又会给该组件添加点击事件。如果直接这样写，事件则会失效：正确写法应该是这样：...
前言由于业务需求，需要有一个图片标记功能，其实就是对图片画框画线做标记，类似微信的图片编辑但是需要存下标记图及其标记的具体数据,。功能其实很简单，但刚开始的时候也是费了一些功夫的。我将原项目中该功能抽离出来单独写了一个demo，作为记录，同时你们在开发过程中有类似需求的话也可以参考一下该思路，其中有...
前言前端在开发过程中若是管理系统之类的业务系统，则大多都会涉及到表格的处理，其中最为常见的就是表格的导入导出。有很多办法都可以实现，其中最简单的还是使用插件xlsx。 实现目标1、对表格数据进行增加、删除。2、表格数据的导出、导入。 具体逻辑增加、删除功能比较简单，直接利用vue数据的响应式即可...
前言 在公司年会期间我做了个抽奖小项目，我把它分享出来，有用得着的可以看下。浏览链接：https://xiblogs.top/original/other/luckDraw/index.html项目链接：https://gitee.com/xi1213/luck-draw (欢迎star!)项目截...
川公网安备51170302000181