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 (将#修改为@）