[英]Angular CLI - Images not showing after 'ng build'
当我运行ng build
时,我遇到了问题。 我尝试将一些图像加载到我的页面,但这些图像未显示。 我的控制台不是没有抛出任何404错误。 我的所有图像都放在assets
文件夹中。
<div>
<h1>Home</h1>
<img src="assets/img/people/user-1.png" alt="user" />
</div>
但如果我运行命令ng serve
它的工作正常。 谢谢你的所有答案。
这是我的.angular.cli.json
文件
`{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"project": {
"name": "frontend"
},
"apps": [
{
"root": "src",
"outDir": "../src/main/webapp",
"assets": [
"assets",
"favicon.ico"
],
"index": "index.html",
"main": "main.ts",
"polyfills": "polyfills.ts",
"test": "test.ts",
"tsconfig": "tsconfig.app.json",
"testTsconfig": "tsconfig.spec.json",
"prefix": "app",
"styles": [
"styles.scss"
],
"scripts": [],
"environmentSource": "environments/environment.ts",
"environments": {
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
}
],
"e2e": {
"protractor": {
"config": "./protractor.conf.js"
}
},
"lint": [
{
"project": "src/tsconfig.app.json"
},
{
"project": "src/tsconfig.spec.json"
},
{
"project": "e2e/tsconfig.e2e.json"
}
],
"test": {
"karma": {
"config": "./karma.conf.js"
}
},
"defaults": {
"styleExt": "scss",
"component": {}
}
}`
我认为你有服务器的问题。 如果您尝试通过单击index.html打开页面,它将仅适用于没有资产的js文件。
如何在构建后启动服务器?
它发生在我身上,问题是我在服务器上转发请求 ,以便用户能够在特定路由中输入应用程序。 (我的意思是,例如, http://myangularapp.com/profile )
在我的例子中,我构建了一个带有弹簧引导后端和角形前端的jar,因此需要这个技巧来允许角度来解析路径。
我相信最近有些角度cli或角度发生了变化,因为我之前已经使用过这个策略并且工作正常。
顺便说一句,这发生在“@ angular / cli”:“^ 1.2.0”。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.