当前位置: 首页 > 后端技术 > Node.js

vue+node(express)做中间层开发4--express支持axios

时间:2023-04-03 23:20:19 Node.js

上面设置experss支持es6后,就可以把vue代码里的axios搬过来了。这一步只添加了一个qs包npminstallqs在src文件夹下创建一个libs文件,把api.request.js和axios.js文件搬过来,修改导入路径:importHttpRequestfrom'./axios'import的storeinconfigfrom'../config'axios.js不会用到,删掉,addErrorLog方法也会删掉。为配置文件创建一个新的配置文件夹。server/node_api/src/config/index.jsexportdefault{baseUrl:{dev:'http://www.xxxx/',//测试服务器prod:'http://www.xxxx/'//官方服务器},}为api新建一个api文件夹,server/node_api/src/api/users.jsimportexpressfrom'express'importaxiosfrom'../libs/api.request'importqsfrom'qs'/***login*/exportconstlogin=(data)=>{returnaxios.request({url:'hdapi/admin/login',method:'post',data:qs.stringify(data)})}/***登录*/exportconstgetUserInfo=(query)=>{returnaxios.request({url:'hdapi/admin/queryUserByToken',method:'get',params:query})}现在开始使用usersRouter。编辑server/node_api/src/app.js并添加importusersRouterfrom'./routes/users'...app.use('/users',usersRouter)编辑server/node_api/src/routes/users.js,把controller操作写在这里)=>{login({user_name:'admin',user_pwd:'666'}).then(result=>{const{result:{data:{data:{user,token}}}}={result}console.log('token',token)res.send({token,user})})})exportdefaultrouter后面也可以在后台做错误页面跳转,增加分流机制