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

6074eaac9485ae5a4c8403ac40a319cc.png 26170c82f24d7fa1c016716edb53054e.png

点击上方 蓝字关注我们

前言:

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

0c11249fda6e57de0f88a1659ea6ae08.png

一、在VUE框架的根目录下建一个vue.config.js文件

893ae7b6db27d6f5958125f35c511654.png

module.exports = {  devServer: {    proxy: {  // 这里  你要去了解下 不然后面接口可能还会出现这个问题  只有知道原理了 才能正确的去处理问题      '/devices':  {  // 这个文件名字是固定的写法  这个proxy是为了解决跨域的配置 这是一个知识点      // 列如http://api.nlecloud.com/devices/123509,把devices写在开头          target: 'http://api.nlecloud.com/',          changeOrigin: true,      },    }  }}
二、在main主函数里面设置

44b9efeda4d6af5ed33e227441ce7a2e.png

代码:

import axios from "axios";// 配置请求的根路径axios.defaults.baseURL = '/';

到这就成功实现跨域啦

欢迎大家访问我的博客:http://zhouxiaofan.top:84/

abdc87478e2dfab9916df87ae034db90.png

end

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值