背景:vue项目,打包后生成的dist下index.html文件打开报错问题!

错误1:显示无访问文件

                        

错误原因: router路由在history模式打包后出现空白页面的情况,而且没有资源加载错误的报错信息

解决办法:在 router/index.js 文件中定义

const router = new VueRouter({
  //mode: 'history',//屏蔽或删除,默认 hash 模式
  base: process.env.BASE_URL,
  routes
})

 错误2:控制台显示找不到静态文件

                        

错误原因:没有指定build后文件路径

解决办法:在 vue.config.js 文件中定义

module.exports = {
    publicPath: './',    // 基本路径
    outputDir: 'dist',   // 设置项目打包生成的文件的存储目录,可以是静态路径也可以是相对路径。
    assetsDir: 'static', // 设置放置打包生成的静态资源 (js、css、img、fonts) 的目录
}

GitHub 加速计划 / vu / vue
82
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:4 个月前 )
9e887079 [skip ci] 2 个月前
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐