我有一个 Flutter Web 应用程序,它在本地运行良好,但在使用部署后
firebase deploy
Run Code Online (Sandbox Code Playgroud)
图像未显示在网站上,我检查了资产是否已通过跟踪上传,例如 my_app.firebaseapp.com/assets/assets/card.jpg。(并且图像在那里,所以它已经正确上传,但由于某种原因它没有显示在主页本身上)。
网址:https : //websitehostingtry.web.app/#/
https://websitehostingtry.web.app/assets/images/card.jpg
在本地运行相同时:
flutter run -d chrome --release
Run Code Online (Sandbox Code Playgroud)
我的 Pubspec.yaml 文件:
name: website_try
description: A new Flutter project.
version: 1.0.0+1
environment:
sdk: ">=2.7.0 <3.0.0"
dependencies:
flutter:
sdk: flutter
cupertino_icons: ^0.1.3
dev_dependencies:
flutter_test:
sdk: flutter
flutter:
uses-material-design: true
assets:
- images/
Run Code Online (Sandbox Code Playgroud)
在我的飞镖代码中,我只是更改了默认代码以在计数器之后添加图像...
Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(
'You have pushed the button this many times:',
),
Text(
'$_counter',
style: Theme.of(context).textTheme.headline4,
),
Expanded(
child: Image.network('assets/images/card.jpg'),
)
],
), …Run Code Online (Sandbox Code Playgroud) 我向我的 flutter 移动项目添加了 Web 支持。项目构建良好,并且在构建时没有错误或问题。
\n构建项目后,在构建文件夹中创建了Web 文件夹。在 Web 文件夹中我有这些文件和文件夹:
\n$ ls\nassets favicon.png flutter_service_worker.js icons index.html main.dart.js manifest.json version.json\nRun Code Online (Sandbox Code Playgroud)\n在assets文件夹中,又存在assets文件夹:
\n/build/web/assets\n$ ls\nAssetManifest.json assets FontManifest.json fonts NOTICES packages\nRun Code Online (Sandbox Code Playgroud)\n在这个资产里面,有项目的资产:
\n/build/web/assets/assets\n$ ls\nfonts images male.svg svgs webfonts\nRun Code Online (Sandbox Code Playgroud)\n我将图像和 svgs 文件夹复制到最后一个路径中/build/web/assets。然后我通过运行以下命令将 web 文件夹添加到/usr/share/nginx/htmlnginx 容器的路径中:
docker run -it --rm -d -p 8081:80 --name web -v /mnt/Project/Flutter/Projects/app_web/build/web:/usr/share/nginx/html nginx\nRun Code Online (Sandbox Code Playgroud)\n然后在 Chrome 中这个网址http://localhost:8081/我看到了我的页面。
问题:
\n一些png状态文件在chrome的DevTools中出现404 …