在package.json 里边增加该配置 （当然，配置的地址可以由部署环境决定，可以是 './' , 也可以是 ‘../’,根据需要配置即可）

查找到到"private": true,在后面添加 homepage，如下
"homepage":"./", // react-scripts 版本需要高于 0.9.0

打包后的文件在html中的引入路径
打包前："/static/js/main.0a7a0f49.js"
打包后："./static/js/main.0a7a0f49.js"






 
												


											
react修改打包后css,js,src引入的静态地址路径修改的更多相关文章
	

    
						
  1. webpack入门之打包html,css,js,img(一)
		
    webpack到底是什么,网上一大堆介绍的东西,越看越不知道说的什么,所以今天打算自己来记录一下这段时间学习webpack的成果, webpack就是打包文件用的,html,css,js,img,为什 ...
    
		
    2. 
						
  2. 配置webpack中externals来减少打包后vendor.js的体积
		
    在日常的项目开发中,我们会用到各种第三方库来提高效率,但随之带来的问题就是打包后的vendor.js体积过大,导致加载时空白页时间过长,给用户的体验太差.为此我们需要减少vendor.js的体积,从本 ...
    
		
    3. 
						
  3. vue-cli3抽离配置文件,动态修改打包后配置
		
    由于项目有外部部署需求,对不同的环境前端调用后台的地址不一样,且不能提前预知必须到部署现场后才能确定后端地址,故需要将调用后端相关的配置抽离到文件中,打包后部署人员在方便现场修改. 思路如下: 1.由 ...
    
		
    4. 
						
  4. vue build打包后css里的图片路径404不正确的问题
		
    vue build打包后css里的图片路径404 在vue-cli项目中build/utils.js中找到如下代码块,添加 publicPath:’../../’ if (options.extrac ...
    
		
    5. 
						
  5. 当碰到需要调试打包后的js
		
    在react中经常开发碰到不能热更中进行调试的,如IE之类的 这个时候我们就需要打包才能运行看到效果, 但是往往每次打包都需要很长的时间: 这个时候我们就可以直接找到打包后的文件,直接在改文件中修改: ...
    
		
    6. 
						
  6. vue-cli构建的vue项目打包后css引入的背景图路径不对的问题
		
    使用vue-cli构建vue项目后,再打包遇到一个css引入的背景图片路径的问题,就是css代码中背景图片是根据相对路径来写的,如下图: 当使用npm run dev命令本地访问的时候,背景图片是正常 ...
    
		
    7. 
						
  7. vue webpack 打包后css背景图路径问题
		
    最近在写vue-webpack项目时,打包后遇到了css背景图片路径报错的问题 奇怪的是,通过img标签引入的图片路径却没有问题,看来是webpack在打包后,读取css中图片的相对路径出错了. 稍微 ...
    
		
    8. 
						
  8. vue webpack打包后.css文件里面的背景图片路径错误解决方法
		
    资源相对引用路径 问题描述 一般情况下,通过webpack+vuecli默认打包的css.js等资源,路径都是绝对的. 但当部署到带有文件夹的项目中,这种绝对路径就会出现问题,因为把配置的static ...
    
		
    9. 
						
  9. vue打包后空白页问题全记录 （background路径，css js404，jsonp等）；
		
    总结一下vue打包后问题全记录:大部分开发者webpack基本上都是拿来就用的(并没有系统化的研究). 一 >>> 打包之后的静态文件不能直接访问:(例如dist)打包后搭个服务器才 ...
    
		
    10. 
						
  10. 关于npm run build打包后css样式中的图片失效的问题(如background)
		
    平时run dev都能正常显示的css背景图片在npm run build打包后竟然不显示了(写在标签对中的图片都可以正常显示),而且dist/static/img目录下是确实有这张图片的,于是查看打 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. Flutter异常监控 - 肆 | Rollbar源码赏析
			
    一. Rollbar可以帮你解决哪些问题 无特别说明,文中Rollbar统指Rollbar-flutter 1. 代码复用 Rollbar官方文档说是纯Dart实现,该特征意味着自带"代码复 ...
    
			
    2. 
						
  2. SpringMVC学习笔记 - 第一章 - 工作流程、Bean加载控制、请求与响应（参数接收与内容返回）、RESTful
			
    [前置内容]Spring 学习笔记全系列传送门: Spring学习笔记 - 第一章 - IoC(控制反转).IoC容器.Bean的实例化与生命周期.DI(依赖注入) Spring学习笔记 - 第二章  ...
    
			
    3. 
						
  3. DNS 是如何影响你冲浪速度的？
			
    本文详细介绍了 DNS 相关知识,包括 DNS 工作原理.如何提升域名解析速度.以及 DNS 记录与报文等内容. 1. 域名与域名服务器 在日常上网过程中,出于好记的原因,人们更喜欢在浏览器中输入网站 ...
    
			
    4. 
						
  4. 12月16日内容总结——图书管理系统、聚合与分组查询、F与Q查询
			
    目录 一.图书管理系统讲解 二.聚合查询 三.分组查询 四.ORM中如何给表再次添加新的字段 五.F与Q查询 六.作业 一.图书管理系统讲解 1.表设计 先考虑普通字段再考虑外键字段 数据库迁移.测试 ...
    
			
    5. 
						
  5. rust 网上资料记录（自用）
			
    最近要学嵌入式的rust,记录一些资料的url,方便自己查阅 书籍 常用的: rust圣经(不是权威指南那本)https://course.rs/ 中文 rust 参考手册 https://rustw ...
    
			
    6. 
						
  6. 安卓逆向 创建自己一个SO库
			
    要求 1.能调用java中的方法 2.有返回值 如何完成一个SO ? public native String getText(); //第一肯定是得创建一个方法 cmd指令自动生成对应接口 生成完后 ...
    
			
    7. 
						
  7. 一文搞懂秒杀系统，欢迎参与开源，提交PR，提高竞争力。早日上岸，升职加薪。
			
    前言 秒杀和高并发是面试的高频考点,也是我们做电商项目必知必会的场景.欢迎大家参与我们的开源项目,提交PR,提高竞争力.早日上岸,升职加薪. 知识点详解 秒杀系统架构图 秒杀流程图 秒杀系统设计 这篇 ...
    
			
    8. 
						
  8. grequest案例对比requests案例
			
    grequets和requests案例各一个,使用上对比: import grequests import requests headers = { "content-type": ...
    
			
    9. 
						
  9. JZOJ 4212. 【五校联考1day2】我想大声告诉你
			
    题目 解析 设 \(f_{i,j}\) 表示 \(i+1..n\) 个人能受到 \(j\) 次攻击的概率 因为选人出局的顺序是无所谓的,所以我们设从 \(1..n\) 依次选人出局 那么转移时需要分类 ...
    
			
    10. 
						
  10. 如何获取win10用户最高权限
			
    第五步,在(输入对象名称)方框中输入"System Managed Accounts Group",再点击"检查名称" 转载: 百度经验:     https: ...
    
			
    11.