vue-admin-template 项目打包时的坑

悠了个悠悠 悠了个悠悠 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.7k累计阅读 1.7k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄16年
关注
原创 最新推荐文章于 2026-06-05 18:00:55 发布 1.7k 阅读 AI 写同款· GEO 优化 ›
vue-element-admin 和 vue-admin-template及新版本vue-element-admin调用后端接口和跨域 vue-element-admin 和 vue-admin-template简介及新版本vue-element-admin调用后端接口和跨域 一、vue-element-admin 1、简介 而vue-element-admin是基于element-ui 的一套后台管理系统集成方案。 功能：https://panjiachen.github.io/vue-element-admin-site/zh/guide/ GitHub地址：https://github.com/PanJiaChen/vue-eleme 阅读详情

vue-admin-template打包部署时的坑

在这里插入图片描述在这里插入图片描述在这里插入图片描述

收录于
vue

当前文章被收录于：

vue
8 篇文章 0 人学习
订阅专栏 查看详情
vue-admin-tempalte

当前文章被收录于：

vue-admin-tempalte
5 篇文章 0 人学习
订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
两小时从零学会vue-admin-template框架 一、vue-admin-template 1.项目简介 官网：https://github.com/PanJiaChen vue-element-admin是含有丰富的组件，vue-admin-template是一个基础的单页面应用的框架，适合在vue-admin-template上二次开发，开发需要的组件就可以直接的从vue-element-admin里面拷贝上去。适合于后台管理的中小型项目，内部的架构非常的完善，简单易上手。 1.2下载项目 vue-element-admin 官网 vue-admi 阅读详情

相关推荐

vue-admin-template 启用准备工作

vue-admin-template是基于vue-element-admin的一套后台管理系统基础模板（最少精简版），可作为模板进行二次开发。你可以在的基础上进行二次开发，把当做工具箱，想要什么功能或者组件就去那里复制过来。

我的笔记 2400

vue-element-admin打包发布遇到的坑

1.打完包，运行index.html访问不到资源 Failed to load resource: net::ERR_FILE_NOT_FOUND 原因是 默认的 vue-admin-template 中的 vue.config.js 中的 publicPath 是 ‘/’, 这样会导致打包出来的js都是 / 开头的，即是根路径下的文件，但我们往往不需要这样，修改为 ‘./’， 意思为当前路径下。 2.静态资源加载成功后，点击登录页面不跳转问题 问题原因： 大部分vue 前段项目 会使用 js-cook

qq_41157351的博客 2941

Vue+vue-admin-template+nginx后台（Windows）部署

服务器环境： 电信服务器：有网环境，但是访问不了外网，只开放了几个特定的端口，可以进行mstsc远程（但必须外挂环境，你懂的），windows 2012 R2版本（因为Linux不太会，而且距机房太远，怕出问题） 系统： 1、springBoot后台，接口 9000 2、vue_admin_template项目，请求后台接口9000 本身接口8082（项目内已经配置完成，貌似是我自己想多了），打包就不讲了，按README.md说明来就行，但注意两点： a、将vue.config.js文件中的pu.

莫闲的专栏 2478

【Vue】安装打包vue-admin-template并解决报错

安装vue-admin-template过程、解决vue-admin-template安装报错以及简单讲述打包过程

Qxn530的博客 3051

vueAdmin项目打包

人生的第一篇博客 记录在项目开发过程种出现的问题，若出现相同的情况可以快速解决该问题 在项目采取前后端开发时,例如（vue+springboot），最后前端工程要打包成静态文件资源给后端，然后后端控制路径进行资源映射，但在打包过程中，有可能会出现后端无法访问前端的静态资源或者前端请求后端无法接收到(404 not found)。 而我最近在使用 vue-admin-template这个项目模板，前...

bleeding_sky的博客 3019

ddr3ip核心_DDR3 IP 核配置

DDR3 控制器 IP 核2.DDR3 IP核配置点击 Flow Navigator 面板下的“Project Manager -->IP Catalog”。 在“Memories & Storage Elements -->Memory Interface Generators”分类展开后，可以看到名为“Memory Interface Generator (MIG 7 ...

weixin_33049919的博客 2936

vue-admin-template动态路由

在vue-admin-template中实现动态路由。

weixin_44091198的博客 361

手把手教你用Simulink搭建PMSM FOC控制模型（附完整仿真文件下载）

本文手把手教你使用Simulink搭建完整的永磁同步电机（PMSM）磁场定向控制（FOC）仿真模型。内容涵盖从电机与逆变器建模、核心的坐标变换（Clark/Park变换）实现、电流环与速度环PID整定，到SVPWM调制与系统集成调试的全过程，并提供关键参数设置与实用调试技巧，帮助工程师快速掌握FOC的工程实现。

silver的专栏 863

Vue前端模板框架--vue-admin-template

Vue前端模板框架--vue-admin-template

m0_57037182的博客 1万+

低速信号设计之 ESPI 篇

ESPI 是 Intel 推出的增强型串行外设接口，基于 SPI 发展而来，新增 Reset# 和 Alert# 信号，采用点对点主从通信模型，最高速率达 33MHz，支持半双工与 DMA 传输。 其物理接口含 10 条线路，通信协议分物理层、数据链路层等四层。布局布线需关注信号完整性、电源完整性，还得考虑与 SPI 的兼容性。 ESPI 广泛应用于计算机系统（连接 BIOS、电源管理器等）和工业控制领域，具有引脚少、功耗低等优势，但设计复杂且存在兼容性挑战。

qq_16237389的博客 1389

2025年GESP12月认证C++一级真题解析

摘要 本文包含13道C++编程选择题，每题2分，涉及语法、运算符、循环、条件判断等知识点。题目考察了变量命名规则、运算符优先级、赋值语句、循环控制、格式化输出等内容。部分题目解析与标答存在差异，例如第4题逗号表达式输出应为5但标答为4，第6题赋值运算结果应为4 4但标答为3 4等。这些题目适合用于检验基础编程能力，但需注意部分标答可能存在争议，建议结合具体编译环境验证。最后一题考察"漂亮数"判断，要求填写数字某位能被3整除的条件表达式。

lan_in的博客 756

第13章 vue-admin-template

这是一套简单的vue基础课程，主要介绍vue,vue-router,axios,vuex,element-ui等等

richieandndsc的博客 6962

【系统架构设计师-2026上半年真题】案例分析-参考答案及详解（回忆版）

架构评估与设计：通过入侵检测系统的案例分析，阐述质量属性（性能/可用性/安全性/可修改性）的匹配方法，推荐管道-过滤器风格处理实时数据流，并设计8个核心构件实现数据采集到告警的全流程处理。 高并发优化方案： 分析悲观锁（排他锁/共享锁）与乐观锁的特性差异，提出乐观锁通过版本号/CAS实现，悲观锁适用于强一致性场景。 给出Redis优化三手段：分布式锁控制临界资源、Lua脚本保证原子操作、热点数据多级缓存，结合消息队列削峰填谷。 分层架构实践： 智

数据知道的博客 1694

vue前端项目打包并且在Linux服务器上部署过程（vue-admin-template-master）

一、vue前端项目打包过程 1.vscode前端开发工具简介 Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。...

摆渡人一直都在 5万+

PCL 基于法线微分（DoN）的点云分割【2026最新版】

基于法线微分的分割。博客长期更新，本文最新更新时间为：2026年5月10日。

点云侠的博客 39万+

Unity零基础到入门 ☀️| 轻松学会 Unity界面布局和简单实例——入门级！(^_−)☆

入门级Unity知识，一起加油呀！

努力前行，总会成为自己心中的那道光 1万+

vue-element-admin

vue-element-admin 1、vue-element-admin 1.1简介 vue-element-admin是基于element-ui 的一套后台管理系统集成方案。 GitHub地址：https://github.com/PanJiaChen/vue-element-admin 项目在线预览：https://panjiachen.gitee.io/vue-element-admin 1.2安装 # 解压压缩包 # 进入目录 cd vue-element-admin-master # 安装依赖

小赵的呢 4万+

华为OD机试双机位C卷-简单的解压缩算法(C/C++/Py/Java/Js/Go)

华为OD机试(机考)双机位C卷 【简单的解压缩算法】，提供C语言、Java、C++、Python、Go、JavaScript源码实现，并提供完整思路讲解，以及在线OJ模拟做题。华为OD真题【简单的解压缩算法】。

qq_45776114的博客 477

vue-admin-template的基本使用

vue-admin-template vue-element-admin 安装 使用 配置nodeJs npm yarn 一套现成的后台管理系统 基于vue和Element ，在element组件的基础上进行封装形成一整套的解决方案

m0_52889702的博客 3300

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的，已经排好版了，而且还是完整的，适合小白

vue-admin-template和vue-element-admin框架的二次开发使用发布部署接口路由权限环境搭建，前端快速入门框架

目录 一、简介 1、项目简介 2、下载 3、环境搭建 二、框架 三、问题 1、界面开发 2、路由控制 3、接口请求 4、权限管理 四、发布 一、简介 1、项目简介 官网：https://github.com/PanJiaChen vue-element-admin是含有丰富的组件，vue-admin-template是一个基础的单页面应用的框架，适合在vue-admi...

剑雨江湖 8319

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过，这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后，重新检测通过。

vue-admin-admin后台集成方案

vue-element-admin是一个后台前端解决方案，它基于vue和element-ui实现。vue-admin-template是基于vue-element-admin的一套后台管理系统基础模板（最少精简版），可作为模板进行二次开发。内置了i18国际化解决方案，动态路由，权限认证，提炼了典型的业务类型，提供了丰富的功能组件。可以快速搭建企业级中后台产品原型。建议：你可以在的基础上进行二次开发，把当做工具箱，想要什么功能或者组件就去那里复制过来。

qq_39093474的博客 3778

efm32 入门.pdf

本PDF共计22页，介绍的是操作驱动API，下载与否自己斟酌。

CentOS部署Spring boot+vue-admin-template项目详细步骤

在CentOS服务器上部署Spring Boot后端与Vue Admin Template前端，可构建一个功能完整的全栈Web应用，适用于多种业务场景，本文以虚拟机部署Spring boot和vue-admin-template为目标，因步骤太多怕忘记，因此在部署时每一步都记录了下来。

weixin_48336327的博客 1905

vue-admin-template打包部署及跳过登录验证

1、修改vue.config.js 将publicPath的值改为’./’(设置打包后的静态资源为相对路径,避免加载不到css、js导致页面白屏) outputDir：打包后的文件夹名 assetsDir：打包后的静态资源文件夹名 2、三个文件中的VUE_APP_BASE_API改为自己的请求地址 3、修改登录请求接口 4、注释掉src/main.js中此段代码 不使用mock数据，使用自己的接口数据 5、修改util/request.js中的code判断，改为自己后端返回的code 6、如需跳过

qq_36571947的博客 2715

vue-element-admin | 项目部署及nginx反向代理-401/404问题

一、vue-admin-template项目打包 // 具体打包的命令可见package.json npm run build:prod        在项目目录下会生成一个dist文件夹，这个文件夹中内容是我们发布的内容 二、nginx环境部署（Windows环境）     &nbsp...

Kasey_L的博客 1万+

vue打包放到Java项目里_写一个简易的java项目(三) vue-admin-template模板+打包放在项目下...

说了简易的项目如果重头开始写那就太麻烦了！菜单、登录页、巴拉巴拉其实网上有很多开源的框架。我们可以借鉴一下，这样我们也省去了很多事。这一篇主要写的是vue-admin-template 。模板地址：vue-admin-template参考：vue-element-admin参考：vue-element-admin：(下载类似vue-admin-template)下载：克隆项目：git clone...

weixin_39855568的博客 527

使用vue-admin-template搭建简单增删改查导入导出项目及CentOs服务器部署

1. Vue-admin-template 1. 简介 vueAdmin-template是基于vue-element-admin的一套后台管理系统基础模板（最少精简版），可作为模板进行二次开发。 **GitHub地址：**https://github.com/PanJiaChen/vue-admin-template **根据用户角色来动态生成侧边栏的分支：**https://github.com/PanJiaChen/vue-admin-template/tree/permission-control

qq_42059717的博客 3954
上一篇： 关于import与export、export default的问题
下一篇： [Vue warn]: Invalid prop: type check failed for prop “unlinkPanels“. Expected Boolean, got String...
点赞 2
评论 1
书签 书签 7
悠了个悠悠
悠了个悠悠
博客等级 码龄16年 1粉丝 24原创
+ 关注 专栏目录 订阅专栏
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值