频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
webpack-dev-server搭配react-router找不到资源文件的问题解决办法
2018-01-25 15:09:24         来源:Jutal_ljt的博客  
收藏   我要投稿

最近使用webpack3 + react-router4开发一个小项目, 发现使用BrowserRouter时进入到二级url, 如从localhost:8080/ 进入到localhost:8080/background时本来的资源文件会找不到.

问题的解决方法是所有的资源文件都使用绝对路径, 因为在webpack.config.js配置的是:

devServer: {
    // 本地服务器所加载页面所在目录
    contentBase: './'
}

即dev-server读取资源文件时是从./这个目录去读取的, 即webpack.config.js这个配置文件的同目录, 那么引用资源文件的时候最不要使用相对路径而使用绝对路径, 比如<img src="/img/header.jpg">而不要使用相对路径如<img src="../img/header.jpg">等, 使用相对路径时进入到不同的url则会找不到对应的资源文件.

点击复制链接 与好友分享!回本站首页
上一篇:前端解决跨域问题最新最全的8种方案
下一篇:es6属性的可枚举性和遍历实例讲解
相关文章
图文推荐
文章
推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站