node.js - 使用nodejs将角度部署到heroku
问题描述
我在将项目发送到 heroku 时遇到问题
认为我没有问题,但是当我尝试连接时,我只看到你好,并且在 heroku 日志中 - - 我得到所有请求状态:200
索引.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Myapp</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>
<p>hello</p>
<app-root></app-root>
</body>
</html>
在这里它只打印文件中屏幕上的你好,而不是继续到应用程序根目录
服务器.js
const express = require('express')
const path = require('path')
require('../mongoose/db/database')
const Menu = require('../mongoose/model/menu')
const app = express()
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(express.static(path.join(__dirname + '/dist/my-pizza-app')))
app.use((req, res, next) => {
res.setHeader("Access-Control-Allow-Origin", "*");
res.setHeader(
"Access-Control-Allow-Headers",
"Origin, X-Requested-With, Content-Type, Accept"
);
res.setHeader(
"Access-Control-Allow-Methods",
"GET, POST, PATCH, DELETE, OPTIONS"
);
next();
});
app.get('*', function(req, res) {
res.sendFile(path.join(__dirname,'../', 'index.html'));
});
app.get('/meals', async (req,res) =>{
try{
const menu = await Menu.find({})
if(!menu){
return res.status(400).send()
}
res.status(201).send(menu)
console.log(menu)
} catch(e) {
res.status(500).send(e)
console.log(e)
}
})
module.exports = app
包.json
{
"name": "my-[enter image description here][1]app",
"version": "0.0.0",
"main": "src/server/app.js",
"scripts": {
"ng": "ng",
"start": "node src/server/app.js",
"build": "ng build",
"lint": "ng lint",
"e2e": "ng e2e",
"dev": "nodemon src/server/app.js"
},
"engines": {
"node": "~12.4.0",
"npm": "~6.9.0"
}
}
我到处搜索,找不到解决方案
解决方案
推荐阅读
- azure - Azure Pipelines 在部署槽中失败
- javascript - 由于 javascript 问题,Wkhtmltopdf 渲染错误
- python - How to download from the XML url using python
- android - Android - 从 LiveData 观察者更新 TextView 时 NestedScrollView 跳转
- python - 使用 python 连接到共享点时出现列表索引超出范围的错误
- angular - 如何根据角度中的登录状态添加具有相同 ID 但属性不同的脚本标签
- java - Recycleview cardview Onclick滚动时出现重复效果
- typescript - 带有括号表示法的Vue cast事件类型语法错误
- mysql - 在数据库中保存多个地址的方法
- r - 有没有一种方法可以在不重复工具提示中的系列名称的情况下为多个系列设置一个系列名称?