![6074eaac9485ae5a4c8403ac40a319cc.png](https://i-blog.csdnimg.cn/blog_migrate/868977df7188c2b3755b69f93190f656.png)
![26170c82f24d7fa1c016716edb53054e.png](https://i-blog.csdnimg.cn/blog_migrate/2728a0427664aaf4282844d00e4f6121.png)
点击上方 蓝字关注我们
前言:
做前端开发的工程师都知道,在调用后端接口的同时可能遇到跨域的问题,需要我们前端处理一下跨域的问题,经过一番百度之后,发现都不太可靠,现在我把设置跨域成功的案例发出来给大家参考参考!
![0c11249fda6e57de0f88a1659ea6ae08.png](https://i-blog.csdnimg.cn/blog_migrate/0b655eeb24a9a0ed3f27926b26ee60cb.png)
一、在VUE框架的根目录下建一个vue.config.js文件
module.exports = { devServer: { proxy: { // 这里 你要去了解下 不然后面接口可能还会出现这个问题 只有知道原理了 才能正确的去处理问题 '/devices': { // 这个文件名字是固定的写法 这个proxy是为了解决跨域的配置 这是一个知识点 // 列如http://api.nlecloud.com/devices/123509,把devices写在开头 target: 'http://api.nlecloud.com/', changeOrigin: true, }, } }}
二、在main主函数里面设置
代码:
import axios from "axios";// 配置请求的根路径axios.defaults.baseURL = '/';
到这就成功实现跨域啦
欢迎大家访问我的博客:http://zhouxiaofan.top:84/
![abdc87478e2dfab9916df87ae034db90.png](https://i-blog.csdnimg.cn/blog_migrate/322b349e0d240fde4a202bf1be0c2081.png)
end