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

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

打包：

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

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

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

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

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

?因为打包好之后访问的是绝对路径，而我们本地编译使用的是相对路径，本地编译是可以使用的但打包之后就会不显示，注意：图片命名的格式里不要有中文，这样配置之后也会不显示

?