uni-app - Refused to display ‘xxx‘ in a frame because an ancestor violates the following Content Sec

Error reason

In terms of the overall process , Is to pass the web page web-view The component is embedded into App in （ Non applet ）, There is a need to jump to wechat official account , Unexpectedly, I received the following error report .

I'm not packing applets , Just shell one App , I wonder why I reported an error .

The following error is reported uni-app Built in browser , preview H5 Occurs when the end ：

Refused to display 'https://xxx' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self'

At the end of the day iframe Homology strategy problem .

Solution

Be careful ： Only for packaging Non applet side , If you package the applet side, you must configure the white list in the background （ That's for sure ）.

This is because uni-app The reason for the built-in browser , That's why this problem .

 You normally pack it into  App  after , There will be no such problem .

therefore , Just pack it directly , After that, I won't have this error report .