VUE打包过后图片等资源加载不出来

项目打包放到IIS以后有图片资源加载不出来，会出现/static/css/static/img这样的路径错误，搜了一下，大概是和路径有关，尤其是我分别放在IIS的应用程序和网站下时路径容易混乱，比如
http://192.168.173.117/jixin/#/main
和
http://192.168.173.117:8012/#/main，
由于相对路径我写的…/…/的方式，导致在应用程序下，并不会出现http://192.168.173.117/jixin/static这样的目录，而是http://192.168.173.117/static,所以在应用程序中肯定找不到
结合了文章
https://blog.csdn.net/qq_34611721/article/details/80996947
该方法亲测有效，应该是

publicPath:'../../',

这个代码将路径向根目录移动，找到前面的IP地址。

VUE打包过后图片等资源加载不出来相关推荐

页面载入-（dom、css、图片等资源加载完成）执行
1. // 页面载入-(dom.css.图片等资源加载完成) 执行 window.onload=function(){console.log("aaa"); }window.o ...
cocos2d-x 图片纹理优化资源加载方案
原文地址:http://blog.sina.com.cn/s/blog_64d591e80101me1y.html 文章主要解决了我一直以来疑惑的几个问题 1.到底用不用2的N次幂的图片 2.为什么加 ...
vue项目中使用大图片提前预加载处理方案
目的: 图片预加载能够使得用户在浏览后续页面的时候,不会出现图片加载一半导致浏览不流畅的情况. 方案一项目打开的时候要对图片进行预加载,在App.vue里面的beforeCreate添加预加载程序 ...
nginx配置解决vue单页面打包文件大，首次加载慢的问题
nginx配置解决vue单页面打包文件大,首次加载慢的问题参考文章: (1)nginx配置解决vue单页面打包文件大,首次加载慢的问题 (2)https://www.cnblogs.com/golo ...
Webpack前端资源加载/打包工具
文章目录一.Webpack 1.什么是Webpack 2.Webpack安装 2.1全局安装 2.2安装后查看版本号 3.创建项目 3.1初始化项目 3.2创建src文件夹 3.3 src下创建co ...
前端如何解决图片太多加载资源慢的问题
前端如何解决图片太多加载资源慢的问题使用图片服务器使用图片懒加载 CSS sprites 使用图片服务器把图片服务器与应用服务器分开,图片服务器采用独立域名 ,css.js和图片就可以并发请求了 ...
vue处理一千张图片进行分页加载
vue处理一千张图片进行分页加载开发过程中,如果后端一次性返回你1000多条图片或数据,那我们前端应该怎么用什么思路去更好的渲染呢? 第一种:我们可以使用分页加载第二种:我们可以进行懒加载那我们 ...
unity 通过resouce加载图片_Unity游戏开发笔记-资源管理之资源加载
资源加载是游戏中非常重要也非常繁琐的的一部分,不合理的资源管理,必定回给游戏的内存带来非常大的压力,尤其是一些重度游戏,不但资源特别多,引用关系特别复杂.维护一个不会内存泄漏而且加载效率高的资源加载框 ...
LayaAir基础（5）之图集打包及资源加载
图集打包例如: 第一种.利用ide提供的工具打包图集: 1.将资源拷贝到项目的laya/assets/role/role目录下 2.ide菜单栏中的工具 ---图集打包设置相关的参数 3.点击确 ...

VUE打包过后图片等资源加载不出来

VUE打包过后图片等资源加载不出来相关推荐

最新文章

热门文章