vue axios 跨域_基于VUE框架axios的跨域

点击上方 蓝字关注我们

前言：

        做前端开发的工程师都知道，在调用后端接口的同时可能遇到跨域的问题，需要我们前端处理一下跨域的问题，经过一番百度之后，发现都不太可靠，现在我把设置跨域成功的案例发出来给大家参考参考！

一、在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/

end