vue-cli3项目打包index.html无法找到文件解决方法

首先创建vue3项目步骤如下：

创建项目文件夹->以管理员身份运行vscode进入该文件夹->控制台->vue create 项目名称->新手选择默认配置直接回车即可。

生成项目后执行npm run serve后会得到项目入口链接如下

此时项目已经启动，再执行npm run build进行打包，出现如下报错信息

如图所示，这里默认的路径是在项目根目录下寻找，然而打包后的css和js文件在dist目录下，意思是要从绝对路径查找，这里是相对路径，解决方法如下

在vue.config.js中添加如下内容

publicPath: './'

然后再执行npm run build打包，可以看见问题解决