此种解决方案基于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);
});

axios跨域和配置proxyTable
使用vue-axios和vue-resource解决vue中调用网易云接口跨域的问题 vue.js学习之跨域请求...
uni-app及vue浏览器跨域问题解决
以猫眼电影接口为例：假设请求接口遇到跨域问题 vue解决跨域在项目根目录下新建vue.config.js文件...
vue简单接口封装跨域问题处理
vue接口封装：第一步：解决跨域接口请求，一般都会碰到跨域问题，在vue项目中，我们采用页面代理的方法解决跨域...
vue学习笔记（九）跨域请求
实现跨域请求 vue.config.js文件
Vue2.x-实现跨域请求(fetch/axios/proxyt
Vue2.x-实现跨域请求(fetch/axios/proxytable)跨域问题，修改proxyTable，然后...
vue实现跨域请求数据接口
此种解决方案基于vue-cli大家的vue项目配置proxyTable 1.打开condfig/index.js...
2020-05-15axios请求，跨域问题，设置跨域代理
生成一个vue项目之后，开始写请求，请求数据，渲染到前端界面，有时候直接请求服务器上的接口，会遇到跨域问题，遇到跨...
spring boot + VUE跨域处理
在使用 vue 做前端开发时，碰到 vue 请求接口出现跨域问题。解决的方法，就在后台添加一个跨域请求的过滤器，来...
完成vue项目过程中的一些要点
1、html适配移动端 2、vue实现双向绑定跨域请求方法 1、jsonp原理利用可以跨域请求js文件所以...
Vue-resource总结
Vue 实现 Ajax请求和跨域请求主要是通过插件vue-resource.js。引进引进插件vue-res...