React项目本地环境正常显示，打包部署服务器图片不显示问题

错误操作
1.项目的的图片放在public文件夹下的carouselPic文件夹里，图片名字含有中文
2.项目中通过src={图片路径}，访问图片
3.这样本地环境运行项目完全没有问题，但是打包部署服务器后，运行项目页面没有错误，但是图片显示不了。

正确操作
1.将项目中的图片名字改为英文名

2.其他不需要改，图片还是以src={图片路径}访问

3.这样项目部署服务器后图片正常显示了。

总结

一开始图片显示不出来，我还以为是nginx的问题，一直改配置文件，一直重新打包项目，重新部署项目，发现显示不了，查看了nginx的日志信息，发现最新的日志没有什么问题，后来想了一下会不会可能是文件名的问题，中文在数据传输的时候会变成一串%+数字的码，可能会有问题，改了英文名后发现可以访问了，自己开发经验还是不太丰富，一般能用英文最好用英文，这样会少很多不必要的麻烦。中文名少使用

React项目本地环境正常显示，打包部署服务器图片不显示问题相关推荐

客户端显示服务器图片不显示,客户端请求服务器图片不显示
客户端请求服务器图片不显示内容精选换一换已成功登录鲲鹏代码迁移工具.只有管理员用户(portadmin)可以执行生成CSR文件.导入web服务器证书.重启和更换工作密钥的操作.普通用户只能查看w ...
vue 关闭log_vue或react项目生产环境去掉console.log的操作
在开发环境写了很多console.log/info/debug,在生产环境需要去掉这些console. 如果手动删除未免也太累了,再说以后想再开发还得重新写console. 事实上webpack提供了 ...
console react 去除_vue或react项目生产环境去掉console.log的操作
在开发环境写了很多console.log/info/debug,在生产环境需要去掉这些console. 如果手动删除未免也太累了,再说以后想再开发还得重新写console. 事实上webpack提供了 ...
vue打包部署服务器，背景图片显示空白
vue打包部署服务器后,往往会出现部分背景图片显示空白的情况,部分就说明只是打包过程中的图片路径问题: 在build 文件夹中找到 utils.js文件加上这行代码即可:publicPath: '-/ ...
img显示服务器本地图片,img显示服务器图片不显示
img显示服务器图片不显示内容精选换一换这是因为该弹性云服务器已被其他用户使用VNC方式登录.VNC方式登录弹性云服务器时,同一时刻仅支持一个用户登录.如果多个用户同时登录,除第一个用户可正常登 ...
img显示保存在服务器中的图片,img显示服务器图片不显示
img显示服务器图片不显示内容精选换一换训练模板分类模型后,需要对模板分类器和模板图片进行评估和考察.您可以通过上传测试图片,在线评估模板分类情况和模板的文字识别情况,保证能在多个模板情况下正确 ...
img 服务器上的图片不显示图片,img显示服务器图片不显示
img显示服务器图片不显示内容精选换一换您可根据需求自定义下发消息内容,例如新增场景:终端用户发送"应用魔方"时,聊天机器人自动回复该产品介绍给用户.在"ChatB ...
Mac下的Docker及Kubernetes(k8s)本地环境搭建与应用部署、管理界面kubernetes-dashboard
Mac下的Docker及Kubernetes环境搭建与应用部署 Mac安装docker: brew cask install docker 当然也可以直接去官网下载docker的pkg文件安装 Mac ...
el-avatar 组件在vue项目部署后图片无法显示（解决办法）
问题描述: 使用el-avatar 组件显示图片, 在本地运行,结果4kb的图片,在控制台显示为相对路径地址(项目打包后,图片并没有显示): 而同样1.6kb的图片,在本地或打包后都能正常显示,均为b ...
springboot项目打包部署服务器
springboot的打包方式有很多种.有打成war的,有打成jar的,也有直接提交到github,通过jekins进行打包部署的.这里主要介绍如何打成jar进行部署.不推荐用war,因为spring ...

React项目本地环境正常显示，打包部署服务器图片不显示问题

React项目本地环境正常显示，打包部署服务器图片不显示问题

总结

React项目本地环境正常显示，打包部署服务器图片不显示问题相关推荐

最新文章

热门文章