如何允许NuxtJS(app)网页在iFrame中打开并存储在通过CloudFront服务的S3上?

时间:2020-07-16 13:20:08

标签: amazon-s3 iframe amazon-cloudfront nuxtjs

我正在一个网站上工作,该网站具有小部件之类的功能,因此我需要在iFrame中打开很少的页面。我创建了一个单独的class _MyAppState2 extends State<MyApp2> { List<String> toprun = ["181","103","90","0","0","0","0","0","0","0"]; @override void initState(){ SharedPreferences.getInstance().then((SharedPreferences shared){ shared.setStringList('toprun', toprun); }); //Setting Data in my sp } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Title'), backgroundColor: Colors.redAccent, ), body: Padding( padding: EdgeInsets.fromLTRB(30.0, 40.0, 30.0, 0.0), child: FutureBuilder<SharedPreferences>(future: SharedPreferences.getInstance(), builder: (BuildContext context, AsyncSnapshot<SharedPreferences> snapshot) { if (snapshot.hasData) { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ DataTable( columns: [ DataColumn(label: Text('Results')), ], rows: snapshot.data.getStringList( 'toprun') // Get data I previously saved in my sp .map( ((element) => DataRow( cells: <DataCell>[ DataCell(Text(element)), ], )), ) .toList() ) ]); } return Text('No data'); }) ), ); } } 文件,其中包含一个iframe,而iframe的src是NuxtJS应用的一页的URL。当我运行此index.html文件(在浏览器中打开)时,出现错误

index.html

当我在本地(localhost)运行项目并将页面的本地URL Refused to display 'https://example.com/widgets/new/' in a frame because it set 'X-Frame-Options' to 'deny'. 用作iframe的src时,它就可以工作。但不在生产中。

我环顾了互联网,但是找不到任何相关的解决方案。

NuxtJS中是否有任何选项或配置可用于将x帧选项设置为在某些路由或页面上允许(true)?

我正在使用Amazon S3存储桶存储项目,并使用Amazon CloudFront为网站提供服务。

0 个答案:

没有答案