别人的文章
https://www.pianshen.com/article/64931033969/
自己的见解
跨域:其实就是浏览器的一个安全机制。比如说在我家的东西都是我自己的,我随便拿随便用没有什么风险。但是有一天隔壁老王向你借点盐,你能随便就借给他吗?(也许接着接着就把老婆都借走了)此时我们不知道他是不是就是老王所以不敢借,这时候我们该怎么办呢?此时我告诉老王,让他去请助一下帮助,让代理证明他就是老王有着和我一样的血缘关系那我就借了。这就是一个跨域的过程。借个盐都那么,麻烦不借了。一种绿色植物。
我们在访问和我们协议、域名。端口不一样的地址时,我们就会发生跨域的问题。我们最直接的办法是使用jsonp这个方法去解决,也可以使用代理的方法去实现。非常好用
在vue中直接新建一个vue.config.js然后
module.exports = {
devServer: {
proxy: {
'/api': {
// 此处的写法,目的是为了 将 /api 替换成 https://www.baidu.com/
target: 'http://api.kele8.cn/agent/',
// 允许跨域
changeOrigin: true,
ws: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
最后在main.js中就可以实现跨域了
axios.defaults.baseURL = '/api';