关于Vue3(Vue-cli3)打包以及打包之后显示空白和图片不显示的问题

今天进行打包之后遇到一个问题就是，打包上传到服务器里面，图片不显示，之后查了一下，最新的vue3里是这么进行配置的

打包：

Vue项目创建好之后，右键在新终端中打开，注意一定要在项目的根目录里，输入npm run build 进行打包，等打包好之后，类似这样

 左侧项目目录会出现一个dist文件夹，这就是你打包好之后的文件夹

当然你可以修改它的名称上传到服务器里进行访问，这就是打包

关于上传到服务器里显示空白和图片不显示怎么去做

网上大多都是有关于vue2及以下版本的配置，在build文件夹里修改，和config.js里修改，但是Vue3里默认是没有这俩个的，这里我们需要在项目的根目录下创建一个vue.config.js里进行配置，因为查了一下官方的文档