博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[Vuejs] webpack+vue-cli打包如何引用相对路径
阅读量:5368 次
发布时间:2019-06-15

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

默认情况下通过webpack+vuec-li打包的css、js等资源,路径都是绝对的,即static在根目录下,假如部署到带有文件夹目录的项目中,资源路径就会出错,如何解决。

1.修改资源引用相对路径,打开build/webpack.prod.conf.js

找到27行  output:增加publicPath:'./',如图:

当然在config文件夹下的index.js中修改 

assetsPublicPath:'./'

同样也可以达到资源的相对引用。

2.修改css资源引用的相对路径,打开build/utils.js,找到以下位置

增加 publicPath: '../../' 即可

 

 打包后即可以放到任何目录下了。

 

转载于:https://www.cnblogs.com/frost-yen/p/9576335.html

你可能感兴趣的文章
几种排序方法
查看>>
查看数据库各表的信息
查看>>
第一阶段测试题
查看>>
第二轮冲刺第五天
查看>>
图片压缩
查看>>
Hadoop-2.6.5安装
查看>>
ES6思维导图
查看>>
第四周作业
查看>>
20151121
查看>>
线段重叠 (思维好题)
查看>>
Codeforces Round #413 C. Fountains (线段树的创建、查询、更新)
查看>>
SBuild 0.1.5 发布,基于 Scala 的构建系统
查看>>
WordPress 3.5 RC3 发布
查看>>
DOM扩展札记
查看>>
primitive assembly
查看>>
浅谈localStorage的用法
查看>>
Ad Exchange基本接口和功能
查看>>
Angular ui-router的常用配置参数详解
查看>>
软考知识点梳理--项目评估
查看>>
把特斯拉送上火星的程序员,马斯克!
查看>>