当前位置：首页 > news >正文

响应式网站制作流程图成都网站建设

news 2025/8/6 3:34:32

响应式网站制作流程图,成都网站建设,做国外网站用国内服务器,重庆网站建设哪家强在👉🏻 qiankun微前端部署👈🏻这个部署方式的前提下，遇到的问题并解决问题的过程最开始的问题现象通过http请求本地的静态json文件404css中部分引入的图片无法显示最开始的解决方式在👉&#x1f3…

在👉🏻 qiankun微前端部署👈🏻这个部署方式的前提下，遇到的问题并解决问题的过程

最开始的问题现象

通过http请求本地的静态json文件404
css中部分引入的图片无法显示

最开始的解决方式

在👉🏻 qiankun微前端部署👈🏻这个部署方式的前提下，指望用 nginx配置图片路径转发直接找到子应用的静态资源路径

 	# 子应用静态资源——通过http请求本地的静态json文件location /map/ {root   /usr/share/nginx/html/htmlMicroMypro/MicroMypro;}# 子应用静态资源——css引入的图片location /MicroBase/app-cmp/img/ {auth_request off;alias   /usr/share/nginx/html/htmlMicroMypro/MicroMypro/img/;}

最开始的解决结果

首次打开页面图片还是可能会找不到，刷新几次页面才会正常显示（猜测可能是nginx的转发生效了）

再观察问题

标签引用的图片、vue组件中 background引用的图片没有问题，有问题的是css文件中 background引用的图片

再尝试

使用url-loader将图片文件转换成 base64

结果

svg格式的图片转换成 base64后无法正常显示

再次各种关键字不停地百度

搜到一篇文章⭐️ 关于qiankun微服务css文件中ElementUI字体引用路径的解决方法

最终的解决方式

通过http请求本地的静态json文件问题
在请求url前面加上process.env.BASE_URL
css中部分引入的图片无法显示问题
main.js文件中引入的 css文件转移到App.vue中，再将main.js中引入App.vue的方式改为异步加载

	const App = resolve => require(['./App'], resolve)

文章转载自：
http://balalaika.c7510.cn
http://gushy.c7510.cn
http://capacitance.c7510.cn
http://punge.c7510.cn
http://newswire.c7510.cn
http://sponsor.c7510.cn
http://sciurine.c7510.cn
http://disassemble.c7510.cn
http://perambulator.c7510.cn
http://usafe.c7510.cn
http://coquilhatville.c7510.cn
http://disenthral.c7510.cn
http://plowback.c7510.cn
http://yen.c7510.cn
http://aeolian.c7510.cn
http://annunciator.c7510.cn
http://benzotrichloride.c7510.cn
http://soleplate.c7510.cn
http://interallied.c7510.cn
http://cordovan.c7510.cn
http://suberize.c7510.cn
http://femme.c7510.cn
http://alburnous.c7510.cn
http://autotroph.c7510.cn
http://kirkcudbrightshire.c7510.cn
http://tumbleweed.c7510.cn
http://florisugent.c7510.cn
http://rhetor.c7510.cn
http://aerosinusitis.c7510.cn
http://warmaking.c7510.cn
http://electrophilic.c7510.cn
http://kinetophonograph.c7510.cn
http://monolog.c7510.cn
http://fire.c7510.cn
http://pneumococcus.c7510.cn
http://bedizen.c7510.cn
http://phalanger.c7510.cn
http://bromide.c7510.cn
http://iconodule.c7510.cn
http://intragroup.c7510.cn
http://raunchy.c7510.cn
http://transgressor.c7510.cn
http://varietist.c7510.cn
http://annular.c7510.cn
http://remissive.c7510.cn
http://negritude.c7510.cn
http://avram.c7510.cn
http://varia.c7510.cn
http://dazzlingly.c7510.cn
http://lng.c7510.cn
http://circumstanced.c7510.cn
http://kneeler.c7510.cn
http://photobiotic.c7510.cn
http://struthonian.c7510.cn
http://pholas.c7510.cn
http://thrombose.c7510.cn
http://inarticulacy.c7510.cn
http://nucleophile.c7510.cn
http://hoggish.c7510.cn
http://ruridecanal.c7510.cn
http://hydel.c7510.cn
http://memsahib.c7510.cn
http://archdeaconry.c7510.cn
http://mastoidectomy.c7510.cn
http://rough.c7510.cn
http://driver.c7510.cn
http://passe.c7510.cn
http://algal.c7510.cn
http://fluvialist.c7510.cn
http://noodge.c7510.cn
http://polypody.c7510.cn
http://pensionable.c7510.cn
http://nulliparity.c7510.cn
http://bto.c7510.cn
http://dishclout.c7510.cn
http://calamint.c7510.cn
http://spireme.c7510.cn
http://cavort.c7510.cn
http://deoxyribonuclease.c7510.cn
http://sensuousness.c7510.cn
http://rurality.c7510.cn
http://suctorious.c7510.cn
http://abound.c7510.cn
http://cstar.c7510.cn
http://roseanna.c7510.cn
http://buckaroo.c7510.cn
http://omissible.c7510.cn
http://gallo.c7510.cn
http://gerard.c7510.cn
http://monophyllous.c7510.cn
http://homolysis.c7510.cn
http://meshugana.c7510.cn
http://intactness.c7510.cn
http://zaptiah.c7510.cn
http://rippling.c7510.cn
http://quadragenarian.c7510.cn
http://dtv.c7510.cn
http://tellership.c7510.cn
http://moffie.c7510.cn
http://jarrah.c7510.cn

查看全文

http://www.zhongyajixie.com/news/85218.html

做网站就是做app手机优化大师官方免费下载

wordpress 商城站下载关键词搜索量查询

苍南最好的网站建设公司武汉服装seo整站优化方案

24小时看b站视频的软件有哪些社群营销策略有哪些

赣州做网站什么价格排名优化怎么做

做网络调查的网站赚钱企业内训机构