【vue】打包后dist无法运行和显示问题

 

执行

npm run build

生成dist静态目录

 

打开index.html无法显示，是因为找不到目录，将里面的引用路径修改即可

修改后可能部分图片无法正常显示，因为还有其它路径的需要切换，但是这时候里面找不到修改的地方

 

需要去配置文件，直接全局改

vue.config.js里面

module.exports = defineConfig（{

  publicPath:process.env.NODE_ENV === 'production'
   ? './'
   : '/'

 

}）

配置里面加上这里，写死路径即可。