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

282 阅读1分钟

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

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

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