博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue修改打包后静态资源路径
阅读量:6229 次
发布时间:2019-06-21

本文共 399 字,大约阅读时间需要 1 分钟。

使用vue-cli生成的项目,打包方式是直接执行package.json里配置的脚本

npm run build// 这步其实是去执行build下的build.js脚本文件node build/build.js复制代码

如果发布到服务器资源,该静态资源的路径都是默认在根路径下,大多数情况下是不符合期望的,还是希望放在指定位置。

这里只需要修改config文件夹下的生产环境配置文件prod.env.js

修改内容:

// 我们只需要修改编译后的环境,所以只要修改prod.env.js下的build属性下的assetsPublicPath属性// 默认值是 "/" 根目录// 我这里加了一级 "/mywebsite/"// 最终页面上请求到的静态资源路径,比如css文件的地址就是:http://www.***.cn/mywebsite/static/css/index****.css复制代码

转载地址:http://qvina.baihongyu.com/

你可能感兴趣的文章
vsftp简单学习思考
查看>>
HTTP协议缓存策略深入详解之ETAG妙用
查看>>
Asp.Net WebApi 项目及依赖整理
查看>>
【Spring源码分析】非懒加载的单例Bean初始化过程(下篇)
查看>>
如何选择 compileSdkVersion, minSdkVersion 和 targetSdkVersion
查看>>
8 -- 深入使用Spring -- 4...5 AOP代理:基于注解的“零配置”方式
查看>>
1. 自动化运维系列之Cobbler自动装机
查看>>
《数据结构》读书笔记
查看>>
Ubuntu下删除卸载程序图标
查看>>
java和C#异常处理的差异
查看>>
Android 监听apk安装替换卸载广播
查看>>
指针之——一级二级多级指针
查看>>
AndroidStudio遇到过的问题
查看>>
MySQL整体架构与内存结构
查看>>
线上centos6出现软死锁 kernel:BUG: soft lockup
查看>>
pl/sql developer 自动输入替换 光标自动定位
查看>>
HTML5学习笔记(二十三):DOM应用之动态加载脚本
查看>>
Java 中的悲观锁和乐观锁的实现
查看>>
XAMPP permissions on Mac OS X
查看>>
ffmpeg
查看>>