当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 解决vue 项目使用webpack打包后，直接打开dist文件夹下的页面空白的问题

解决vue 项目使用webpack打包后，直接打开dist文件夹下的页面空白的问题

2020年07月11日  | 移动技术网IT编程  | 我要评论

  1. 问题描述
    vue项目完成后，输入npm run build命令，会生成dist文件，本地打开dist/，一般页面为空，或者报错找不到css和js文件，则需要更改一些路径参数，改成相对当前目录，然后再次运行npm run build 就可以在本地打开。

  2. 解决办法
    修改1：将config/index.js文件的assetsPublicPath: ‘/’;
    改为assetsPublicPath: ‘./’;在这里插入图片描述

    修改2：将build/webpack.base.confg.js文件的publicPath: process.env.NODE_ENV === ‘production’ ? config.build.assetsPublicPath : config.dev.assetsPublicPath
    改为：publicPath: ‘./’
    在这里插入图片描述

    修改完成后，再次执行npm run build 后，打开dist文件夹里的，便可以看到相应的页面 效果。

本文地址：https://blog.csdn.net/sinat_41501316/article/details/107238925

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网