Deploy de frontend no Render.com
Alguém já fez deploy de app Angular na Render? Quando tento, o meu até compila e vai pro ar, mas quando acesso o site sempre tomo 404.
Eu reparo que o site me faz o redirect pra /login, como deixei programado, mas a tela de login não renderiza. Indiquei o /dist como pasta a ser servida, mas nada.
Tentei fazer deploy do mesmo app na Vercel, que tem compilações customizadas pra cada framework, e por lá vai normalmente.
Comando de build: npm ci && npm run build
scripts do package.json:
{
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"watch": "ng build --watch --configuration development",
"test": "ng test"
}
architect.build do angular.json:
{
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": [
"zone.js"
],
"tsConfig": "tsconfig.app.json",
"assets": [
"src/assets"
],
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.scss"
],
"scripts": []
},
"configurations": {
"production": {
"budgets": [
{
"type": "initial",
"maximumWarning": "1mb",
"maximumError": "2mb"
},
{
"type": "anyComponentStyle",
"maximumWarning": "2kb",
"maximumError": "4kb"
}
],
"outputHashing": "all",
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
]
},
"development": {
"buildOptimizer": false,
"optimization": false,
"vendorChunk": true,
"extractLicenses": false,
"sourceMap": true,
"namedChunks": true
}
},
"defaultConfiguration": "production"
}