vue-cli3中axios跨域配置

news/2024/7/9 23:49:39 标签: vue, js, javascript, vue.js

vuecli3axios_0">vue-cli3中axios跨域配置

1.首先修改vue.config.js文件,没有的话添加一个,内容如下
module.exports = {
devServer: {
port: 8080,
proxy: {
//名字可以自定义,这里我用的是api
‘/api’: {
target: ‘https://blog.csdn.net’,//设置你调用的接口域名和端口号 别忘了加http
changeOrigin: true,//这里设置是否跨域
ws: true,
pathRewrite: {
‘^/api’: ‘’
}
}
}
}
};
2.使用

import axios from “axios”;
console.log(“get dy data”);
axios({
url: “/api/”
}).then(res => {
console.log(“dy data is:”+res.data);
});
3.查看控制台,得到返回数据,说明跨域设置成功
如果配置了仍然不生效 记得重启应用或者刷新浏览器,我也是试了好几次才成功的


http://www.niftyadmin.cn/n/1622238.html

相关文章

js修改对象数组里的对象属性名(有参考其他大佬的)

有些时候,我们前端从后端拿过来的JSON对象数据,某些字段并不是前端想要的,需要对一些字段名进行重命名。一般修改对象数组的对象属性名,最简便的就是通过遍历对象数组的方法进行修改,但是用这个方法,如果处…

奇虎360正式开源其深度学习调度平台,支持TensorFlow、MXNet等框架

奇虎360今日宣布开源深度学习调度平台XLearning,项目开源地址:https://github.com/Qihoo360/XLearning。\\XLearning由360系统部大数据团队与人工智能研究院联合开发,基于Hadoop Yarn完成了对TensorFlow、MXNet、Caffe、Theano、PyTorch、Ker…

BFC特性BFC作用

BFC特性 内部box会在垂直方向,一个接一个地放置。Box垂直方向的距离由margin决定,在一个BFC中,两个相邻的块级盒子的垂直外边距会产生折叠。在BFC中,每一个盒子的左外边缘(margin-left)会触碰到容器的左边…

Zookeeper~Linux环境下的部署

介绍 ZooKeeper是一个分布式的,开放源码的分布式应用程序协调服务,是Google的Chubby一个开源的实现,是Hadoop和Hbase的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式…

Session分布式共享 = Session + Redis + Nginx

原文:Session分布式共享 Session Redis Nginx一、Session 1、Session 介绍 我相信,搞Web开发的对Session一定再熟悉不过了,所以我就简单的介绍一下。 Session:在计算机中,尤其是在网络应用中,称为“会话控制”。 每个用户&…

浅谈JS深拷贝(深克隆)

在学习深拷贝之前,我们要先搞明白什么是深拷贝? 在JS中,数据类型分为基本数据类型和引用数据类型两种,对于基本数据类型来说,它的值直接存储在栈内存中,而对于引用类型来说,它在栈内存中仅仅存…

qrcodejs2

使用第三方包将当前路径转为二维码 使用步骤&#xff1a; 下载第三方包&#xff1a; npm install qrcodejs2 --save导入第三方包&#xff1a; import QRCode from qrcodejs2调用&#xff1a; 添加结构&#xff1a; <div id"qrcode" ref"qrcode">…

python excel 操作

参考&#xff1a;http://blog.donews.com/limodou/archive/2005/07/09/460033.aspx显示 【sheet数】【sheet Name】【&#xff08;第一行&#xff0c;第一列&#xff09;】 print sheets[0][1][(0,0)]from pyExcelerator import * sheets parse_xls(src/天娱版权明确的歌曲…