vue前端跨域解决方案有哪些_前端能完全解决跨域问题吗

// 假设要请求的接口是：http://40.00.100.100:3002/api/user/add
module.exports = { 

devServer:{ 

host:'localhost',  // 本地主机
port:5000,  // 端口号的配置
open:true,  // 自动打开浏览器
proxy:{ 

'/api': { 
   // 拦截以 /api 开头的接口
target: 'http://40.00.100.100:3002',//设置你调用的接口域名和端口号 别忘了加http
changeOrigin: true,    //这里true表示实现跨域
secure: false, // 如果是https接口，需要配置这个参数
pathRewrite: { 

'^/api':'/'  //这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/api/user/add'，直接写‘/api/user/add’即可
}
},
// 假如又有一个接口是：http://40.00.100.100:3002/get/list/add
// 那就再配置一个 get的，如下：
'/get': { 
   // 拦截以 /get 开头的接口
target: 'http://40.00.100.100:3002',//设置你调用的接口域名和端口号 别忘了加http
changeOrigin: true,    //这里true表示实现跨域
secure: false, // 如果是https接口，需要配置这个参数
pathRewrite: { 

'^/api':'/'  //这里理解成用‘/api’代替target里面的地址，
}
}
// 调用的时候直接 /get/list/add 就可以了
}
}
}
// 注意：修改了配置文件后一定要重启才会生效;

import axios from 'axios'
Vue.prototype.$http = axios
axios.defaults.baseURL = 'api'  // 后面发现，其实不加这个感觉也好像可以
如果这配置 'api/' 会默认读取本地的域

const isPro = Object.is(process.env.NODE_ENV, 'production')
// 如果是生产环境，就用线上的接口;
module.exports = { 

baseUrl: isPro ? 'http://www.vnshop.cn/api/' : 'api/'
}

import apiConfig from './api.config'
Vue.prototype.$http = axios
import axios from 'axios'
axios.defaults.baseURL = apiConfig.baseUrl

  async getData(){ 

const res = await this.$http.get('/api/user/add');
console.log(res);
},