当前位置： 移动技术网 > IT编程>网页制作>CSS > webpack-dev-server搭配react-router找不到资源文件的问题解决办法

webpack-dev-server搭配react-router找不到资源文件的问题解决办法

2018年04月14日  | 移动技术网IT编程  | 我要评论

问天网 武汉,藻井凝尘,性感热舞美女诱惑

最近使用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则会找不到对应的资源文件.

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网