163-Angular项目和NodeExpress服务器发布（一）

搞了个Angular项目

首先

1.安装angular

npm install -g @angular/cli

2.创建新的angular项目

ng new angular-project

4.然后我们来运行一下

ng serve

5.然后我们把html里的东西改一下

随便改一下

6.然后build

ng build

7.然后我们就有了dist文件夹

dist文件夹里面就是网页的东西了

然后我们来搞express的东西

先来装一下express

我们先来看一下初始代码

const express = require('express')
const app = express()
const port = 3000
 
app.get('/', (req, res) => {
  res.send('Hello World!')
})
 
app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})

然后我们把dist的所有东西复制到express项目里面

比如我放在src/index目录下面

然后我们来改一下代码

const express = require('express');
const path = require('path');
 
const app = express()
const port = 3000
 
//use static
app.use(express.static('src/index/'));
 
//get
app.get('/', function(req,res) {
    res.sendFile(path.resolve('src/index/index.html'));
});
 
//listen
app.listen(port, () => {
    console.log(`Example app listening on port ${port}`)
});

然后就成功啦

就这么简单