原文:配置vue项目将打包后图片文件的引用路径改为cdn路径?

vuecli 项目,需求:图片文件打包时,将项目内的所有图片文件的引用地址改为cdn路径 vue cli 的默认配置下,打包后图片使用的是相对路径,例如打包后项目内图片引用路径为img xx.png,我们希望改为 https: oss.xx.com img xx.png 思路: 了解到 publicPath可以修改项目内静态文件的引用路径,尝试这样修改 但这样修改publicPath会使所有静态文 ...

2019-05-07 15:35 2 3990 推荐指数:

查看详情

vue项目webpack打包后图片路径错误

首先项目vue-cli搭建的,项目结构如下: 然后发现在css里写的图片引用地址在开发时正常显示,但在打包扔上服务器之后报错 报的是404,路径前面多了/static/css,不知道为啥。 在自己慢慢摸索之后发现了解决方法,其实很简单,只需把config下的index.js ...

Thu Dec 21 01:08:00 CST 2017 0 3458
webpack打包vue项目,资源路径如何从绝对路径改为相对路径?css中的图片资源如何修改配置

资源相对引用路径 问题描述 一般情况下,通过webpack+vuecli默认打包的css、js等资源,路径都是绝对的。 但当部署到带有文件夹的项目中,这种绝对路径就会出现问题,因为把配置的static文件夹当成了根路径,那么要解决这种问题,就得引用相对路径。 解决办法 打开 ...

Wed Jan 23 23:58:00 CST 2019 0 5513
vue-cli打包后图片路径取不到的问题

今天准备把vue-cli build 的文件发到服务器上单发现会出现图片找不到的问题 解决办法如下 修改 assetsPublicPath: './' .打开webpack.prod.conf.js,在output:增加 publicPath: './' 虽然解决了资源路径引用问题 ...

Thu Apr 25 01:21:00 CST 2019 0 726
vue项目打包后资源相对引用路径的和背景图片路径问题

vue项目中若要使用相对路径来获得相应静态资源, 在一般项目 build 之后都会生成一个 index.htm 文件和 一个 static 文件夹,而 static 这个文件夹需要被放置在根目录下, 1.需要找到config --- index.js(webpack 是依据index.js ...

Tue Dec 18 19:20:00 CST 2018 0 2927
vue项目打包字体引用路径报错

vue项目打包发布发现图标不见了,F12一看 打包后字体引用路径报错 字体文件放在static/fonts目录下,但是浏览器中显示的引用路径是:static/css/static/fonts/... 在项目build/utils.js文件中,找到 ...

Mon Jun 08 02:57:00 CST 2020 0 553
vue项目打包后图片以及图标不展示

打包后的index.html在浏览器中打开你会发现图片资源和图标资源未展示出来,此时我们可以在浏览器中检查资源路径,你会发现它是相对于dist文件夹下的路径(static/img/0.65fe52c.jpg),但实质上当我们把该文件夹上传至服务器后该路径是相对于项目根目录来定位的,应该是 ...

Mon Nov 11 16:22:00 CST 2019 0 676
vue-cli脚手架npm run build打包后图片路径问题 2018.11.21

2018/11/21 最近在自己尝试做一个vue项目,发现了一个打包以后出现的路径问题   使用npm run dev 可以正常打开项目图片路径不会出错,使用脚手架npm run build 打包以后打开index.html 发现所有图片加载不出来, 发现路径前面都多了一个斜杠 ...

Wed Nov 21 17:54:00 CST 2018 0 1581
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM