Nodejs -- Nodejs Express搭建 + vue搭建打包 + 将vue打包后的文件放到express项目中运行

一. Nodejs Express搭建

后面都称为“express项目”

1. 全局安装（-g）express-generator

npm install express-generator -g

2. 项目初始化(这里把项目名设置为server)     

express -e server

如上，根据提示输入相应命令：

cd server //进入项目目录下
npm install  //安装依赖
npm start //运行

在浏览器中打开http://localhost:3000/，其中，默认端口号为3000。

 二. vue项目打包。

vue项目的打包，可看我另外一篇博客：https://blog.csdn.net/qq_41638795/article/details/92839522

三. 将vue打包的文件放到Nodejs下运行

1.将vue打包生成dist文件下所有的文件复制到express项目的public中。

2. express项目中，打开app.js文件，将“app.use('/', indexRouter);”注释掉。如下：

3.改完后，重新启动express项目

npm start

4. 在浏览器输入“localhost:3000”，如下，代表成功了。

此外，express项目启动默认端口号为3000，若想改动，则在其根目录下的bin目录中，打开www文件，增加如process.env.PORT = 3001，即可将端口号改为3001。