前言:
做前端开发的工程师都知道,在调用后端接口的同时可能遇到跨域的问题,需要我们前端处理一下跨域的问题,经过一番百度之后,发现都不太可靠,现在我把设置跨域成功的案例发出来给大家参考参考!
加QQ技术交流群741843152,一起讨论哦~~~~
欢迎访问我个人博客,里面有更多干货哟~~:点击即可访问
关注博主微信公众号,获取更多关于前端的干货哦
一、在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 = '/';