Angular,未找到图像 (GET 404) 但它在 运行 ngbuild 之后显示图像
Angular, image not found (GET 404) but it shows image after running ngbuild
问题是我每次上传图片后都必须运行ngbuild
否则图片就看不到了
我曾尝试将图像存储在服务器上的某处而不是 /src/assets folder
server\images/image.jpg
现在图像已存储,但我无法在浏览器中看到它们
静态路径
app.use(express.static(path.join(__dirname,'dist/my-app')));
因为您使用静态路径作为
app.use(express.static(path.join(__dirname,'dist/my-app')));
您的图像需要位于 dist/my-app/images
文件夹中而不是 src/images
中才能在不重新启动服务器的情况下访问它。
您可能需要在生产环境中将图像存储在 dist/my-app/images
文件夹而不是 src/images
中的逻辑。
之所以在执行 ng build
后工作是因为它构建了所需的文件并复制了 dist/my-app
文件夹中的所有图像,因此在执行 ng build
后,新图像已成功复制到 dist
文件夹中,因此可用于您的应用程序。
问题是我每次上传图片后都必须运行ngbuild
否则图片就看不到了
我曾尝试将图像存储在服务器上的某处而不是 /src/assets folder
server\images/image.jpg
现在图像已存储,但我无法在浏览器中看到它们
静态路径
app.use(express.static(path.join(__dirname,'dist/my-app')));
因为您使用静态路径作为
app.use(express.static(path.join(__dirname,'dist/my-app')));
您的图像需要位于 dist/my-app/images
文件夹中而不是 src/images
中才能在不重新启动服务器的情况下访问它。
您可能需要在生产环境中将图像存储在 dist/my-app/images
文件夹而不是 src/images
中的逻辑。
之所以在执行 ng build
后工作是因为它构建了所需的文件并复制了 dist/my-app
文件夹中的所有图像,因此在执行 ng build
后,新图像已成功复制到 dist
文件夹中,因此可用于您的应用程序。