原文:vue-cli打包后图片路径取不到的问题

今天准备把vue cli build 的文件发到服务器上单发现会出现图片找不到的问题 解决办法如下 修改 assetsPublicPath: . .打开webpack.prod.conf.js,在output:增加 publicPath: . 虽然解决了资源路径的引用问题,但是资源里面的背景图片还是不显示, background: url .. .. assets images logo inde ...

2019-04-24 17:21 0 726 推荐指数:

查看详情

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
vue打包后图片不到情况

打包之前需要修改如下配置文件: 配置文件一:build>>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静态文件(图片路径失效)的问题) 配置文件二:config>>>index.js(修改 ...

Sat Mar 16 19:40:00 CST 2019 0 1311
vue-cli打包图片路径错误

最近第一次使用vue-cli构建项目,第一次打包部署到服务器上的时候出现图片加载不出来,结合网上的方法,终于给摸索出来。将项目部署到服务器上分为两种:一种是直接部署到服务器的根目录,另外一种是部署到服务器的子目录下 1.我们首先来说部署到根目录下 就是比如:www.****.com 找到 ...

Thu Oct 26 22:35:00 CST 2017 0 2255
解决vue-cli 打包后静态资源路径不对的问题

项目基于vue-cli搭建的,都会自动配置一些打包的参数。在实际项目中,可能会用到static下的静态图片打包出来后,图片加载错误。查看图片路径发现有双层的static/css/static/images。很明显是打包的时候,路径配置的不对。 可以通过添加publicPath ...

Sat Dec 08 01:17:00 CST 2018 0 1352
vue-cli项目打包需要修改的路径问题

1. 命令行输入:npm run build 打包出来后项目中就会多了一个文件夹dist,这就是我们打包过后的项目。 第一个问题,文件引用路径。我们直接运行打包后的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js路径引用错误的问题。 解决 ...

Wed Dec 12 23:16:00 CST 2018 0 5774
vue-cli打包项目后路径错误问题

一、问题描述 执行 npm run build 命令后,打包生成dist文件夹,访问的时候报如下错误: 二、解决办法 在根目录下,新建 vue.config.js文件,内容如下, 再次打包,顺利访问: ...

Mon Mar 16 03:50:00 CST 2020 0 1141
vue-cli webpack打包后加载资源的路径问题

vue项目,访问打包后的项目,输入路径后,页面加载空白。这时会有两类问题,都是路径问题。 1.一个是css,js,ico等文件加载不到,是目录里少了dist 打开页面时一片空白 解决办法: config/index.js文件的build->assetsPublicPath的默认值 ...

Wed Mar 28 23:03:00 CST 2018 0 7097
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM