Nodejs -- Nodejs Express搭建 + vue搭建打包 + 将vue打包后的文件放到express项目中运行
一. Nodejs Express搭建后面都称为“express项目”1. 全局安装(-g)express-generatornpm install express-generator -g2. 项目初始化(这里把项目名设置为server)express -e server如上,根据提示输入相应命令:cd server //进入项目目录下npm...
·
一. 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。
更多推荐
已为社区贡献3条内容
所有评论(0)