一. 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。

 

Logo

前往低代码交流专区

更多推荐