react打包后图片和资源路径错误的解决方法
2017-12-14 12:52
1661 查看
执行打包程序后
会看到多了一个build的文件夹。只需要把build文件夹部署到服务器即可访问。如果直接打开index.html就会报错,图片和资源加载不到。
我直接把它放到IIS上,做测试后是没有问题。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201712/e1e816962349ba8ed0502ceace97f148)
当然,如果你费用在本地访问,就手动把index.html里面的引用资源理解修改一下即可。也就是把【 /static 】前面的【/】 去掉,也可以访问到页面内容。
yarn run build
会看到多了一个build的文件夹。只需要把build文件夹部署到服务器即可访问。如果直接打开index.html就会报错,图片和资源加载不到。
我直接把它放到IIS上,做测试后是没有问题。
当然,如果你费用在本地访问,就手动把index.html里面的引用资源理解修改一下即可。也就是把【 /static 】前面的【/】 去掉,也可以访问到页面内容。
相关文章推荐
- webpack打包后直接访问页面图片路径错误的解决方法
- vue-cli中打包图片路径错误的解决方法
- 解决Vue打包后背景图片路径错误问题
- 解决java工程打包后无法找到资源文件路径的方法
- 静态库资源文件、xib、图片打包处理,编译生成的静态库.a包文件太大缩小解决方法
- eWebeditor编辑器上传图片路径错误解决方法[疑难杂症]【转,作者:unvs】
- 解决Vue打包后背景图片路径错误问题
- 基于vue打包后字体和图片资源失效问题的解决方法
- springmvc controller跳转后jsp页面无法加载静态资源css,图片等错误解决方法
- apktool2.0.0rc3解决打包资源错误方法之一
- 解决webpack -p压缩打包react报语法错误的方法
- 解决vue项目打包后提示图片文件路径错误的问题
- vue的图片路径,和背景图片路径打包后错误解决
- asp.net程序在调式和发布之间图片路径问题的解决方法
- vs制作打包程序错误:已安装了该产品的另一个版本,解决方法
- VC6.0的一些路径设置及常见错误Error spawning cl.exe的解决方法!
- 打包 出现Error 1001.在初始化安装时发生异常 错误解决方法
- WPF加载相对路径的图片的解决方法
- 图片资源加载路径分析以及netbeans打包java程序,并包含图片资源
- png图片透明色在IE6显示错误的问题解决方法