一、1.Express获取路由地址参数的方法
主要有两种方式:req.query(req.body)和req.param
1、req.query也就是?id=参数, 这样情况下,key和value都在请求的url中
2、req.param也就是/:,这样情况下,key在路由中,value是请求的url
// 127.0.0.1:3000/csdn?name=参数 var name=req.query.name;
app.get('/csdn',function(req,res){
var name=req.query.name;
res.send(name)
});
// 127.0.0.1:3000/csdn/参数 var id=req.params.id
app.get('/csdn/:id',function(req,res){
var id=req.params.id;
res.send(id)
});
router.get('/test/:urlname', function (req, res,next) {
console.log('url参数对象 :',req.params);
console.log('get请求参数对象 :',req.query);
console.log('post请求参数对象 :',req.body);
console.log('q的值为 :',req.params.urlname);
});
http://localhost:3000/test/url2
3、获取上传文件信息,req.files 需要第三方库,比如multer
三、Vue-路由跳转的几种方式和路由重定向
- router-link
// 链接如果是'/'开始就是从根路由开始,如果开始不带'/',则从当前路由开始
// params 传参的获取方式,路由配置,不配置path ,第一次可请求,刷新页面id会消失 path:'/home/:id
<router-link :to="{name: 'Home', params:{id:1}}"></router-link>
// query 传参的获取方式,不需要配置路由:html取参 $route.query.id
<router-link :to="{name: '/Home', query:{id:1}}"></router-link>
2、编程式路由 this.$router.push()
this.$router.push({name: 'Home', query:{id:'1'}});
四、Object.assign(主要用来合并对象和克隆对象)
- 不能深拷贝
- 参数必须是对象
// 复制一个对象
const obj = { a: 1 };
const copy = Object.assign({}, obj);
console.log(copy); // { a: 1 }
const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };
const returnedTarget = Object.assign(target, source);
console.log(target); // Object { a: 1, b: 4, c: 5 }
console.log(returnedTarget); // Object { a: 1, b: 4, c: 5 }
五、export default 和 module.exports
- module.exports 是common.js语法 等于 exports
- export default 是es6的,对应import
- import aa from bb 可以给模块随便取名,如果是exports必须和导出的一致
六、cli3.0 如果要修改webpack 配置, 在根目录新建vue.config.js
七、vue中使用v-for循环动态加载图片(:src)失败的解决方法
require('@/assets/banner-2.jpg')
https://blog.csdn.net/ThisEqualThis/article/details/103222369













网友评论