如何实现百度的跨域案例?

<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': ''
        }
      },
    }
  },
}