vue修改打包后静态资源路径

使用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复制代码

转载于:https://juejin.im/post/5a334c9b51882506146ef564

vue修改打包后静态资源路径相关推荐

解决vue-cli 打包后静态资源路径不对的问题
解决vue-cli 打包后静态资源路径不对的问题参考文章: (1)解决vue-cli 打包后静态资源路径不对的问题 (2)https://www.cnblogs.com/sifo/p/1008399 ...
Vue Cli 打包之后静态资源路径不对的解决方法
Vue Cli 打包之后静态资源路径不对的解决方法参考文章: (1)Vue Cli 打包之后静态资源路径不对的解决方法 (2)https://www.cnblogs.com/mengyouyouyo ...
解决vue打包后静态资源路径错误的问题
vue项目完成的最后一步就是打包部署上线,但是打包部署的过程往往不是那么一帆风顺的,现将遇到问题和解决方案记录如下. 图片路径问题起因: 页面中引入资源的方式往往有如下几种 * HTML标签中直接引 ...
[vue] 怎么解决vue打包后静态资源图片失效的问题？
[vue] 怎么解决vue打包后静态资源图片失效的问题? 上面蛮多回答感觉像开玩笑似的,静态资源图片失效分几种情况. 1.确定线上环境是否在根路径上,配置资源根目录,vue-cli2 和 vue-cl ...
vue3 项目修改打包后的引用路径，调整图片压缩成base64的门槛
vue3 项目修改打包后的引用路径,调整图片压缩成base64的门槛前言解决完事前言最近的项目中需要在程序中显示一个H5页面,所以按照官方VUE CLI的教程创建了一个项目开始整.整到最后打 ...
Vue项目build后静态资源文件路径或新建文件夹图片路径找不到的问题
问题描述:使用vue-cli脚手架工具生成的vue项目,使用npm run build后生成的文件直接双击打开白屏一片. 解决方案: 第一步:修改build文件夹下utils.js,在以下位置加入 i ...
vue项目配置public静态资源路径访问
1.简介一般的vue项目都有一个初始index.html,而其他js.css都是这个html引入的,默认情况下使用绝对路径引入,如/js/app.js 这样就有一个问题,静态资源经常要部署在不同的上 ...
vue打包后css路径_Vue打包后访问静态资源路径问题
Vue打包后访问静态资源路径问题 Vue介绍中static文件夹里放的是静态资源目录,如图片.字体等. 我们发现运行npm run start后本地图片路径是没问题的,但是打包上传后会怎么样呢? 我们 ...
vue 打包html静态页面,Vue.js打包部署到服务器路径资源和页面404
默认根目录路径在我们开发完vue项目后进行代码执行npm run build命令后,默认index文件引用静态资源路径是在/static下的,如下图: 更改根目录路径找到build/config/ ...

vue修改打包后静态资源路径

vue修改打包后静态资源路径相关推荐

最新文章

热门文章