我正在一个网站上工作,该网站具有小部件之类的功能,因此我需要在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为网站提供服务。