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

标签：vue 里面 路径 修改 无法 dist 打包

 

执行

npm run build

生成dist静态目录

 

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

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

 

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

vue.config.js里面

module.exports = defineConfig（{

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

  }）

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

 

标签：vue,里面,路径,修改,无法,dist,打包
From： https://www.cnblogs.com/Hello233/p/16832353.html