vue-cli开发时,ajax跨域详细解决办法

在config/index.js中进行如下配置

【即在进行ajax请求时,地址中任何以/api开头的请求地址都被解析为目标地址,target就是你想要的后台接口地址】

proxyTable: {
            '/chinacountry': {
                target: 'http://localhost/ChinaCountry',
                changeOrigin: true,
                pathRewrite: {
                    '^/chinacountry': ''
                }
            }
        },

axios调用示例

this.$http
      .get("/chinacountry/index.php/home/Index/test")
      .then(response => {
        this.menuList = response.data;
      })
      .catch(error => {
        console.log(error);
      });

 

posted @ 2017-12-25 14:40  陈小银  阅读(1397)  评论(0编辑  收藏  举报