<template>
<div class="about">
<input type="text" v-model="ss" @keyup="pass">
<button >点击</button>
<p>{{ obj }}</p>
</div>
</template>
<script>
import axios from 'axios'
export default {
data() {
return {
ss:'',
obj:null
};
},
methods: {
pass(){
// var obs={
// wd:this.ss
// }
// this.$apiPost('/api', obs).then((item) => {
// console.log(item);
// });
axios.get(`/api/su?wd=${this.ss}`)
.then(res => {
this.obj=res.data
console.log(res)
})
.catch(err => {
console.error(err);
})
// axios.post('/api',params)
// .then(res => {
// console.log(res)
// })
// .catch(err => {
// console.error(err);
// })
// axios({
// method:'GET',
// url: `^/api/su?wd=${this.ss}`,
// })
// .then(item=>{
// console.log(item)
// })
}
}
}
</script>
module.exports = {
devServer: {
proxy: { //配置跨域
'/api': {
target: `http://suggestion.baidu.com`, //这里后台的地址模拟的;应该填写你们真实的后台接口
changOrigin: true, //允许跨域
pathRewrite: {
/* 重写路径,当我们在浏览器中看到请求的地址为:http://localhost:8080/api/core/getData/userInfo 时
实际上访问的地址是:http://121.121.67.254:8185/core/getData/userInfo,因为重写了 /api
*/
'^/api': ''
}
},
}
},
}