一、express构建服务器端
1. 全局安装express(默认已安装node)
npm install express -g
2. 全局安装express-generator
npm install express-generator -g
3. 创建项目
express -e express项目名
4. 运行
npm start
5. 测试
- 打开浏览器输入
http://localhost:3000/
,如下图所示,即是运行成功。
二、vue构建浏览器端
1. 创建vue项目
vue create 项目名称
2. 运行
npm run serve
3. 打包
npm run build
三、将服务器端与浏览器端联系起来
- 在express项目的app.js中修改服务器静态文件根目录,使其指向打包后的输出文件夹dist