vue-element-admin实现build打包文件下改变每个静态资源的路径

最新推荐文章于 2024-03-05 13:40:56 发布
最新推荐文章于 2024-03-05 13:40:56 发布
阅读量2.6k 收藏 1
点赞数 1
分类专栏： vue 经验分享 vue-element-admin 文章标签： vue.js nginx 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vvv3171071/article/details/121020981
版权

组长两句话说明的需求，其实也简单，就改一行代码。

打开vue.config.js，找到assetsDir，默认输出路径是’static’，改成你想要将静态资源输出到的路径就可以了。我改成了’home/static’
在这里插入图片描述

  //  assetsDir: 'static',
  assetsDir: 'home/static',

然后打包后的dist里的静态资源就放到了dist/home/static目录下在这里插入图片描述

LangForOne
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
adminCode：vue-element-admin后台管理项目界面
02-16
进入项目目录 cd adminCode 安装依赖 npm安装 本地开发启动项目 npm run dev 发布 建立测试环境 npm运行build：stage 建立生产环境 npm运行build：prod 其他 预览发布环境效果 npm运行预览 预览发布环境效果+静态资源分析 npm运行预览--报告 代码格式检查 npm运行皮棉 代码格式检查并自动修复 npm run lint--修复
vue-admin-template：基于element-vue-admin的框架进行改造的一个viue前端开发框架
02-14
构建设置 # 进入项目目录 cd vue-admin-template # 安装依赖 npm install # 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=https://registry.npm.taobao.org # 启动服务 npm run dev 浏览器访问 发布 # 构建测试环境 npm run build:stage # 构建生产环境 npm run build:prod 其他 # 预览发布环境效果 npm run preview # 预览发布环境效果 + 静态资源分析 npm run preview -- --report # 代码格式检查 npm run lint # 代码格式检查并自动修复 npm run lint -- --fix
Vue打包丢到服务器-请求后台的接口路径错误
AnnaF的博客
04-23 6293
问题描述 项目打包部署到测试服务器上之后，axios访问路径一直不对，本地用的proxyTable代理解决的跨域问题。 请求路径应该是“http://xxx.xxx.xx.xx:8080/zlhj_interface/rateScreen/queryProAndCity”，但是部署到测试服务器上之后多出下图框选的路径“zlhj/app/carAuth”（dist文件放在这个carAuth文件夹下）...
vue修改打包后静态资源路径的修改
最新发布
weixin_42467515的博客
03-05 392
vue修改打包后静态资源路径的修改
vue-admin-element：（Vue2演示项目）属性后台管理系统-ElementUI（基本结构已完成，剩下的就是具体业务开发；如有疑问请留言）
02-05
商超管理用户界面 上朝科技-后台管理系统-Element-UI框架 静态演示页面：http: 特别提醒（需要将静态测试的json数据输出到dist文件夹）： yarn run dev前，请先使用yarn run build打包一下; 然后再使用yarn run dev进行测试 技术 技术名称 作用 版本 框架 2.2.1 Vue路由 2.3.0 Vue状态管理 2.2.1 相互作用处理 0.15.3 UI框架 1.2.1 节点模版 2.0.0-beta11 样式预先 4.5.0 模块打包 2.2.1 依赖管理 0.20.3 图标字体 2.1.3 构建设置 #安装依赖 npm install
vue打包静态资源后显示空白及static文件路径报错的解决
11-19
今天使用vue打包（npm run build）遇到了几个坑，在这里分享给大家 打包之后打开dist的页面显示空白： 这个问题以前就处理过，是打包过程中出现错误频率较高的一种，可能有3处地方会出现这种情况 1、记得改一下config下面的index.js中bulid模块导出的路径。因为打包后的index.html里边的内容都是通过script标签引入的，默认显示的路径不对，打开肯定是空白的。 build: { index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname
vue项目设置打包后的静态文件访问路径
start_sea的博客
08-31 1万+
*啰嗦一下：**相同域名下可能会存在两份相关或不相关的代码，需要通过切换文件夹路径进入不同项目时，需要在项目打包输出代码时设置静态文件的访问路径（vue、react都要）。**静态文件访问路径说明：**项目的静态文件访问路径在本地运行和服务器访问是有区别的，默认状态下服务器上的项目代码，访问路径是从服务器根目录开始。vue项目的最终项目文件需要经过打包输出，静态文件的访问路径需要在vue.config.js文件中设置。**H5中的访问设置：**在H5中，静态文件访问路径的区别。...
vue3+vite打包配置，绝对路径改相对路径，更改静态资源目录
vayne_1的博客
05-26 1万+
vue3+vite打包配置，绝对路径改相对路径，更改静态资源目录
记一次 Vue CLI 项目修改打包资源输出目录
Cyj1414589221的博客
01-04 3473
某天同事在上架浙政钉应用的时候碰到个问题，Vue 项目打包默认输出资源路径的目录结构不符合上架要求...
vue 项目中vue.config所有配置详解
weixin_39273589的博客
08-26 3888
publicPath配置项用于指定构建打包后的静态资源的路径，默认值为'/'。在部署到服务器时，如果项目的静态资源（如CSS、JavaScript、图片等）的路径不是根路径，可以通过设置publicPath来指定正确的路径。assetsDir配置项用于指定静态资源（如CSS、JavaScript、图片等）的目录，默认值为空字符串''，表示静态资源将会输出在outputDir根目录中。在Vue项目中，可以使用vue.config.js文件来配置一些Vue项目的构建和开发配置。
vue-admin-master:关于vue-admin的框架
03-25
演示： : 开始 这是的项目模板 # install dependencies ... 静态-静态资产 主题 您可以通过以下方式更改主题 通过生成主题包 将主题包放入src / assets / theme / 编辑src / main.js import ' element-ui/lib/t
vue-template:基于vue-cli4.x搭建的项目模板
05-14
vue-template 使用vue-cli3搭建 程序依赖 yarn install or npm install ...|-- public // 静态文件目录 |-- releaseNotes // 版本更新日志 ... |-- package.json // 配置项目相关信息 |-- .prettierrc
关于Vue项目中打包时，资料路径需要切换至相对路径的问题
engineer_why的博客
10-15 1967
在网站的访问中，如果静态资源使用了绝对路径，那么它始终以当前网站作为访问的根节点。就是绝对错不了的路径，始终以一个固定的目录作为起点。容易错，可以是任意一个目录节点作为起点。
vue-element-admin 使用心得
weixin_41645458的博客
05-22 735
vue-element-admin 默认是英文 (master分支为英文) 一开始git下来忘记切换分支，一直在master分支，百度找了半天也没修改成功 后来仔细看，还在master分支上，切换到 i18n 分支上就自动是中文了 环境配置 在本地build之后你是打不开的，必须上线才能打开，在根目录 .env.production 配置文件 #VUE_APP_BASE_API = '/prod-api' VUE_APP_BASE_API = 'xxx.xxx.xxx' 打包之后放线上就
vue-element-admin 安装以及遇到问题
菜鸟一枚
02-19 6236
问题1.Win dows 用户若安装不成功，很大概率是node-sass安装失败 问题2. 没有安装 python 解决：下载python 安装包（python-2.7.3.msi）， 执行1.npm install --global --production windows-build-tools 2.npm install --glo...
vue-admin-temple和vue-element-admin安装、运行及问题解决
welcome66的专栏
11-02 1218
vue-element-admin安装与运行 vue-admin-temple安装与运行 运行问题解决
打包基于 vue-element-admin 项目遇到的问题记录及解决方案
Irene1991的博客
04-28 2811
真实商业项目打包遇到的问题记录及解决方案
vue 打包后 static 中图片路径不对的问题
热门推荐
热爱思考、活力满满、开朗爱笑的年轻人
12-10 2万+
vue 打包后 static 中图片路径不对的问题 在做这个 vue-cms 项目时，npm build 打包部署后，然后访问的时候，发现：图片不能正常的显示（包括背景图，logo 之类的），请求的路径都 404 了，明显不对。 ...
vue-element-admin登录实现
10-29
vue-element-admin的登录实现主要包括以下几个步骤： 1. 在登录界面输入用户名和密码，点击登录按钮。 2. 调用login()函数，将用户名和密码作为参数传递给后端API进行验证。 3. 如果验证通过，后端API会返回一个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值