vue实现跨域请求数据接口

此种解决方案基于vue-cli大家的vue项目

配置proxyTable

1.打开condfig/index.js
2.在dev配置对象中找到proxyTable:{}
3.添加如下配置

 // 配置反向代理，解决跨域请求
    proxyTable: {
      '/api': {
        target: 'http://www.ajax.cn',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api'
        }
      }
    },

4.重启开发服务器npm run dev

发送请求示例

// 导入axios
import axios from 'axios'
axios.defaults.baseURL='http://localhost:8080'
axios.get('/api/json.php').then(function(res){
          console.log(res);
});