如何解决Angular Universal和Lambda图片未显示
我已经部署了Angular应用程序的版本。 Angular Universal用于ApiGateway服务器端渲染和Lambda。带有 标签的图像显示良好。
<div class="search-page__search-wrapper">
<img src="../../../../../assets/images/toad-icon.svg" />
</div>
但是当它们作为背景图像时,它们不会显示。
.auth-image-wrapper {
background-image: url('../../../../../assets/images/sign-up-photo.jpg');
}
我正在使用Serveless Framework,并且已配置:
serverless.yml
plugins:
- serverless-apigw-binary
custom:
apigwBinary:
types:
- '*/*'
lambda.js
const awsServerlessExpress = require('aws-serverless-express');
const server = require('./dist/funtoad-web/server/main');
const awsServerlessExpressMiddleware = require('aws-serverless-express/middleware');
const binaryMimeTypes = [
'application/javascript','application/json','application/octet-stream','application/xml','image/jpeg','image/png','image/gif','text/comma-separated-values','text/css','text/html','text/javascript','text/plain','text/text','text/xml','image/x-icon','image/svg+xml','application/x-font-ttf'
];
server.app.use(awsServerlessExpressMiddleware.eventContext());
const serverProxy = awsServerlessExpress.createServer(server.app,null,binaryMimeTypes);
module.exports.funtoadssr = (event,context) => awsServerlessExpress.proxy(serverProxy,event,context);
在本地运行时,Angular App运行良好。
如何使这项工作在本地部署?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。