VUE中resource的安装与使用

2022-06-07 12:18:17

命令行中安装

npm i vue-resource --save

首先在入口文件中引用

import VueResource from 'vue-resource’;

Vue.use(VueResource);

在config配置文件中设置node.js的方向代理

dev:{

env:require('./dev.env'),

port:8080,

assetsSubDirectory:'static',

assetsPublicPath:'/',

proxyTable:{

'/personCredit-Proxy': {

target:'http://192.168.1.103:8083',

changeOrigin:true,

pathRewrite:{

'^/personCredit-Proxy':'/personCredit'

}

}

},

页面中请求用如下方式

this.$http.post('/personCredit-Proxy/person/saveWork.do',{key:"value"})

.then((res)=>{

console.log(res)

},(err)=>{

})

this.$http.get('/personCredit-Proxy/person/saveWork.do')

.then((res)=>{

console.log(res)

},(err)=>{

})