在这里插入图片描述
使用vue打包完运行时，页面显示空白，F12打开后报错，分析原因，没有找到对应的文件，解决方法很简单。
出现这种问题的原因是因为路径找不到
如果你是使用命令创建的项目，会有一个config文件，这个里面的一些配置文件，找到index.js文件

修改前
assetsPublicPath: '/',
修改后
assetsPublicPath: './',

修改前
在这里插入图片描述
修改后
在这里插入图片描述
然后重新打包一下就行

有点人使用的是UI工具创建的项目，就没有config这个文件，不要慌，下面来介绍一下这种解决方案
使用ui工具创建的时候，通常情况下配置文件都需要自己写，在配置文件里面加上，通常都是vue.config.js
在文件里面添加一句
在这里插入图片描述

  publicPath: './'

然后重新打包，如果此时还是空白，那么就手动的将打包后dist里面的index.html文件路径修改一下

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue