vue修改proxyTable解决跨域请求,报404的问题及解决

export default {
    name:'Condition',
    data(){
        return{
            options:[]
        }
    },
    created:function(){
        this.getdata();
    },
    methods:{
        getdata(){
            this.$axios({
                method:'get',
                url:'http://localhost:8080/college/getcollege'
                }).then(resp => {
                    this.options = resp.data.data.list;
                    console.log(resp.data);        
                }).catch(resp => {
                    console.log('请求失败：'+resp.status+','+resp.statusText);
                });
        }
    }
}

        proxyTable: {
            "/api": {
                target: "http://localhost:8080",
                changeOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        },

        proxyTable: {
    //碰到college路由就会起作用了
            "/college": {
                target: "http://localhost:8080",
                changeOrigin: true,
    //重定向，一般可以不用写，或者值写出空''
                pathRewrite: {
                    '^/college': '/college'
                }
            }
        },

module.exports = {
  dev: {
  ...
    proxyTable: {
      '/api': {  //这里的/api，就是我们在target里写的要请求的后端接口
        target: 'https://cn.bing.com/', 
        //要请求的后端接口地址，一般写多个数据接口的共同内容，后面的地址根据请求数据的不同，在请求的时候再拼接上就好
        changeOrigin: true, //是否允许跨越
        pathRewrite: {
          '^/api': '', //重写,一般情况下不需要
        }
      }
    },
    // Various Dev Server settings
    host: 'localhost', // can be overwritten by process.env.HOST
    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be 
  },
  ...
}

methods:{
getData(){
axios
    .get("/api/HPImageArchive.aspx", {   
       params: {
         format: "js",
         idx: 0,
         n: 1
       }
     })
     .then(function(response) {
       console.log(response);
     })
     .catch(function(error) {
       console.log(error);
     });
 }
}
 //get:请求方式 
 // "/api/HPImageArchive.aspx"：请求地址，这里的api一定不能忘记，它代表着我们在请求地址前面部分
 // params: 我们需要带上的参数就写这个对象中
 //.then： 请求成功之后，要执行的代码块
 //.catch： 请求失败之后，需要执行的代码块