vue2打包之后打开dist中的index.html是空白的

vue2打包之后打开dist中的index.html是空白的

从图中可以看到，网络请求中的静态文件都爆红了，很明显就是请求不到对应的文件，点开可以看到是打包之后引用的地址出了问题，所以可以在 vue.config.js 中添加如下配置：

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  assetsDir: 'static',
  parallel: false,
  /*
      下方配置需要注意！
      如果你的项目中引用了静态文件比如图片路径是   ./ 或者../ 
      打包时候需要求改为 ./ 如果没有人用任何非网络路径的就默认 / 就ok了
  */
  publicPath: './', 
})