基于B/S架构的Express+Vue+axios项目创建

216 阅读1分钟

一、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

image.png