vue打包后dist目录下的index.html网页显示空白的问题

最新推荐文章于 2023-12-08 11:58:50 发布

XWQ_Q7

最新推荐文章于 2023-12-08 11:58:50 发布

阅读量347

点赞数

分类专栏：各种报错总结文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/XWQ_Q7/article/details/134501254

版权

各种报错总结专栏收录该内容

4 篇文章 0 订阅

订阅专栏

修改config配置文件

打开vue.config.js 文件

在vue.config.js文件中找到publicPath：'/' 将其 '/' 【根目录】修改为'./'【当前目录】，重新npm run build 打包即可

如果没有vue.config.js 文件可主动进行配置一🎈 常用的简单配置 👇👇👇

//vue.config.js
const port = 3000; // 端口配置
module.exports = {
    devServer: {
        port, //设置端口
    },
    publicPath: './',//修改目录
    outputDir: 'dist', // build时构建文件的目录 构建时传入 --no-clean 可关闭该行为
    assetsDir: 'assets', // build时放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录
    filenameHashing: true, // 默认在生成的静态资源文件名中包含hash以控制缓存
    runtimeCompiler: false, // 是否使用包含运行时编译器的 Vue 构建版本
    productionSourceMap: true, // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建
};