Express部署Vue项目

591 阅读1分钟

前期准备

node、npm

开始

mkdir 文件夹名称
cd 文件夹名称   (进入文件夹)
npm init   //一直按回车就行
npm install --save express   //安装express并保存到依赖列表下
npx express-generator  快速创建应用骨架
npm install // 安装所有依赖包

Vue build后操作

将build后生成的项目文件夹粘贴到“开始”时创建的文件夹下

修改app.js

  1. 注释:
app.use('/', indexRouter);
app.use('/users', usersRouter);
  1. 添加:
//项目路径
var history = require('connect-history-api-fallback');
app.use(express.static(path.join(__dirname, 'dist')));  //vue项目build后的文件名称
app.use(history());

运行

npm start

注意

项目如果涉及到接口传参 请务必把下面代码注释掉

app.use(express.json());

代码会将请求参数准换为json字符串,而后台java接收的是个对象