vue2项目打包后index空白路径报错-526互联

我目前是vue2版本5.0.8，记录自己遇到打包后的路径问题

使用的环境是nodejs，vue2@cli脚手架

因为打包默认配置是/绝对路径，这时候需要修改配置为./相对路径

在项目根路径打开vue.config.js

原先可能内容是

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true
})

那么在配置项目里面增加publicPath属性并填写相对路径

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  publicPath: './'
})

保存之后终端到项目目录执行打包命令

npm run build		#npm打包方式

yarn build			#yarn打包方式

输出成功信息后打包后的目录dist之下index已经正常