Vue打开动态html页面,解决vue 项目使用webpack打包后，直接打开dist文件夹下的index.html页面空白的问题...

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

2020年07月11日

| 萬仟网IT编程

 | 我要评论

问题描述vue项目完成后，输入npm run build命令，会生成dist文件，本地打开dist/index.html，一般页面为空，或者报错找不到css和js文件，则需要更改一些路径参数，改成相对当前目录，然后再次运行npm run build 就可以在本地打开index.html。解决办法修改1：将config/index.js文件的assetsPublicPath: ‘/’;改为assetsPublicPath: ‘./’;修改2：将build/webpack.base.confg..

问题描述

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

解决办法

修改1：将config/index.js文件的assetsPublicPath: ‘/’;

改为assetsPublicPath: ‘./’;