技术栈

VUE2项目打包dist后dist包中index打开空白页

凉风听雪2024-08-04 19:58

报错:控制台报错是未找到对应资源路径
原因:因为在项目中部分路径使用了./ 和 @/ 等绝对路径
解决方法:

删除原来的dist

在 vue.config.js 中设置 publicPath 选项,使其适应不同环境。

重新新打包:npm run build

javascript 复制代码
// vue.config.js
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
上一篇:【VScode编辑器】VScode基本使用全面讲解
下一篇:Vue3中的vue-router的基本使用
相关推荐
小满zs
1 小时前
Next.js第十六章(font字体)
前端·next.js
喝拿铁写前端
6 小时前
别再让 AI 直接写页面了:一种更稳的中后台开发方式
前端·人工智能
A向前奔跑
7 小时前
前端实现实现视频播放的方案和面试问题
前端·音视频
十一.366
7 小时前
131-133 定时器的应用
前端·javascript·html
xhxxx
8 小时前
你的 AI 为什么总答非所问?缺的不是智商,是“记忆系统”
前端·langchain·llm
382427827
9 小时前
python:输出JSON
前端·python·json
2503_92841156
9 小时前
12.22 wxml语法
开发语言·前端·javascript
光影少年
9 小时前
Vue2 Diff和Vue 3 Diff实现及底层原理
前端·javascript·vue.js
2501_94622431
9 小时前
旅行记录应用统计分析 - Cordova & OpenHarmony 混合开发实战
javascript·harmonyos·harvester
热门推荐
01从快手“12·22”直播攻击事件看:一次教科书式的业务层饱和攻击02GitHub 镜像站点033D 圣诞树网页代码04Linux下V2Ray安装配置指南05UV安装并设置国内源06在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)07电脑检测软件—图吧工具箱08Gemini3 生成的基于手势控制3D粒子圣诞树09Claude Code Skills 实用使用手册10jdk21下载、安装(Windows、Linux、macOS)