项目中的问题

项目中的问题,第1张

1.vue打包后静态资源图片失效

项目中的图片路径是动态的,打包后找不到图片,需要用require() 引入路径

2.react 项目打包后寻找项目路径错误

静态资源直接从根节点进行

package.json文件中,增加 “homepage”:“./” ( 路径根据实际情况填写),字段和name同级

3.关于iframe

项目中因为要两个项目进行嵌套,采用了iframe。
情况:现在 在子iframe点击按钮后对父容器发送信息,通过 window.parent.postMessage({msg:"发送的消息"}, '*') ,但在发现在父页面,再打开iframe,进行对父页面进行消息传递后,然后从iframe页面中回退到上一个页面,然后再进入进入iframe页面,然后再进行消息传递,会发现父页面监听到的消息会比原来增加一条,对以上的 *** 作每重复一次,消息就会增加一条。

// 父页面原来采用这种方式监听数据
 // 接收子页面传送的数据
// window.addEventListener('message',event =>{
//   console.log(event.data)
// });

// 后来采用以下方式监听,这种方式是只接收一条消息,但子iframe发送的消息任然是递增的。
window.onmessage=function(event) {
	console.log("接收子页面传送的数据")
}

// 后来想到或许数据可以采用websocket进行传递

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/944834.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-18
下一篇2022-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存