Don*_*ato 3 angular-cli angular
我使用 Angular 6
索引.html：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My App</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
<script src="./config.js"></script>
</body>
</html>
此外，一个组件的模板包含 img 标签：
<img src="assets/spinner.gif">
如果我使用 base-href/deploy-url 参数构建它，一切正常（base href、所有 css 文件等），除了 config.js 和 assets/spinner.gif 的路径 - angular-cli 保留这些路径而不变化。如何解决这个问题？
附注。我尝试使用"assets/spinner.gif", "/assets/spinner.gif", "./assets/spinner.gif"- 结果相同。
angular.json 的PPS片段：
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"project_name": {
"root": "",
"sourceRoot": "src",
"projectType": "application",
"prefix": "app",
"schematics": {
"@schematics/angular:component": {
"styleext": "scss"
}
},
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/project_name",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.app.json",
"assets": [
"src/favicon.ico",
"src/web.config",
"src/config.js",
"src/assets"
],
使用 base-href 参数时，务必确保所使用的路径以 / 结尾，并且 HTML 中的路径不以 / 开头 - 所以您需要以：
<base href="/dir/"/>
和
<img src="assets/spinner.gif"/>
如果没有尾随 /，基础将无法正确应用。
| 归档时间： |
|
| 查看次数： |
3595 次 |
| 最近记录： |