借鉴此文章:https://blog.csdn.net/fsfasgsfd/article/details/53121326(不过此文章js不支持jq,走过的坑)
笔记有段时间了,截图都被背叛了我,能意会的就意会一下,以此也记录一下自己的学习之路
本文是vue+element-ui+node.js+业务层分离,自己写的一些接口,若缺乏规范大家谨慎参考,可以留言告知我,会及时修改。
1、后台用的node.js,下载了三个模块,fs/path/formidable,
安装指令:
npm install fs --save-dev ,
npm install path --save-dev,
npm install formidable --save-dev
(安装后可以npm fs -v进行查询版本号,能查询到就继续下一步)
2、因为前台拦截上传,用到了跨域,这里用node.js的cors方法
把代码放到最前面也就是require引用的所有模块后面就可以咯,app.js引入上传路由地址以及使用。如下:(代码网上很多,根据项目要求设置)
具体代码:这里注意一个容易犯的错误,网上很多类似的代码:我这里去掉了Content-Type
app.all('*', function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "X-Requested-With");
res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");//允许的请求方式类型
res.header("X-Powered-By",' 3.2.1')
next();
});
3、先上传路由route代码:(路由层、 controller层都是单独分开的文件)
const express = require('express');
const uploadRouter = express.Router();//express.Router类,创建模块化安装路径的处理程序。
const uploadController = require('./../controller/uploadController.js');//引用控制文件
//.route()函数,创建可链接的途径处理程序的路由路径。
uploadRouter.route('/uploadImage.do').post(uploa