vue2项目打包后index空白路径报错
我目前是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已经正常