Мне очень трудно развернуть мое веб-приложение в Azure.
Я могу запустить npm start и скомпилировать и запустить на локальном хосте без проблем порт 4200.
Я могу развернуть его с помощью git на Azure, а затем с помощью ssh и npm установить все и скомпилировать его там. Но независимо от того, что я делаю, заходя на сайт .azurewebsites.net, я всегда получаю «Cannot GET /»
Я понятия не имею, что мне не хватает. Это структура на сервере
-~/wwwroot/
-frontend/
-angular.json
-node_modules/
-src/
-index.js
-main.ts
-index.html
-app/
-styles.scss
-environments/
-tsconfig.app.json
-index.js
-package.json
-e2e/
-proxy.conf.json
-protractor.conf.js
-tsconfig.json
-package-lock.json
-web.config
-server/
-app.properties
-pom.xml
-src/
-mvnw
-mvnw.cmd
Я не уверен, что все файлы имеют отношение к этому моменту, но я вставлю несколько, которые выглядят так:
package.json
{
"name": "blah",
"version": "0.1.1",
"scripts": {
"ng": "ng",
"start": "node app.js",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"engines":{"node": "8.10.0"},
"dependencies": {
"@angular/animations": "^7.1.4",
"@angular/cdk": "5.0.0-rc.1",
"@angular/common": "^7.1.4",
"@angular/compiler": "^7.1.4",
"@angular/core": "^7.1.4",
"@angular/flex-layout": "^2.0.0-beta.10-4905443",
"@angular/forms": "^7.1.4",
"@angular/http": "^7.1.4",
"@angular/material": "5.0.0-rc.1",
"@angular/platform-browser": "^7.1.4",
"@angular/platform-browser-dynamic": "^7.1.4",
"@angular/platform-server": "^7.1.4",
"@angular/router": "^7.1.4",
"angular-tree-component": "^8.0.1",
"chart.js": "^2.7.3",
"core-js": "^2.6.1",
"hammerjs": "2.0.8",
"ng-treetable": "^1.3.3",
"ng2-charts": "^1.6.0",
"rxjs": "6.2.2",
"rxjs-compat": "^6.3.3",
"zone.js": "^0.8.26"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.11.4",
"@angular-devkit/core": "^0.6.3",
"@angular/cli": "^7.1.4",
"@angular/compiler-cli": "^7.1.4",
"@angular/language-service": "^7.1.4",
"@types/hammerjs": "2.0.34",
"@types/jasmine": "^3.3.4",
"@types/jasminewd2": "2.0.3",
"@types/node": "^10.12.18",
"codelyzer": "^4.5.0",
"jasmine-core": "^3.3.0",
"jasmine-spec-reporter": "^4.2.1",
"karma": "^3.1.4",
"karma-chrome-launcher": "^2.2.0",
"karma-cli": "^2.0.0",
"karma-coverage-istanbul-reporter": "1.3.0",
"karma-jasmine": "^2.0.1",
"karma-jasmine-html-reporter": "^1.4.0",
"protractor": "^5.4.1",
"rxjs-tslint": "^0.1.6",
"ts-node": "3.0.6",
"tslint": "^5.12.0",
"typescript": "^3.1.6",
"webpack": "^4.28.1"
}
}
приложение-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AppComponent } from './app.component';
import { HomeComponent } from './home';
import { LoginComponent } from './login';
import { AdminComponent } from './admin';
import { LoginGuard } from './guard';
import { GuestGuard, AdminGuard } from './guard';
import { NotFoundComponent } from './not-found';
import { ForbiddenComponent } from './forbidden';
export const routes: Routes = [
{
path: '',
component: HomeComponent,
pathMatch: 'full'
},
{
path: 'login',
component: LoginComponent,
canActivate: [GuestGuard]
},
{
path: 'admin',
component: AdminComponent,
canActivate: [AdminGuard]
},
{
path: '404',
component: NotFoundComponent
},
{
path: '403',
component: ForbiddenComponent
},
{
path: '**',
redirectTo: '/404'
}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule],
providers: []
})
export class AppRoutingModule { }
proxy.conf.json
{
"/api": {
"target": "http://localhost:4200",
"secure": false
}
}
Нужен ли мне файл web.config?
UPDATE
Я добавил следующее в ~ / frontend / и ~ / frontend / src /
Также изменяет начало в package.json на «узел index.js»
Опять работает, как и ожидалось, работает локально и перемещается к порту по умолчанию, но без изменений в поведении в Azure.
app.js
var http = require('http');
var server = http.createServer(function(request, response) {
response.writeHead(200, {"Content-Type": "text/plain"});
response.end("Hello World!");
});
var port = process.env.PORT || 4200;
server.listen(port);
console.log("Server running at http://localhost:%d", port);
Update2
Я сделал кучу изменений и попал ... куда-то ...
Изменился с Linux на Windows-машину.
Установил ли NPM финагалинг
Добавлены web.config и app.js
<?xml version="1.0" encoding="utf-8"?>
<configuration>
<system.webServer>
<handlers>
<add name="iisnode" path="app.js" verb="*" modules="iisnode"/>
</handlers>
<rewrite>
<rules>
<rule name="DynamicContent">
<match url="/*" />
<action type="Rewrite" url="app.js"/>
</rule>
</rules>
</rewrite>
</system.webServer>
Если я помещу web.config в root, я получу ответ http 500.
Указывает что-то вроде «Неправильный файл конфигурации»
Если я включу его во внешнем каталоге, я получу 403 о списке каталогов.