vue引入vant_vueaxios跨域请求
2023-06-13 09:14:59 时间
大家好,又见面了,我是你们的朋友全栈君。
因为后端给的接口不是本地的接口,所以需要跨域来获取接口数据
在vue.config.js中对其进行配置
devServer: {
host: 'localhost',
port: 3030, // 端口
https: false,
proxy: {
// 配置跨域
'/api': {
target: 'http://xx.xx.xx.xxx', // 代理的接口域名以及端口号;
ws: true, // 支持ws协议;websocket的缩写;
changeOrigin: true, // 是否跨域
pathRewrite: { // 路径替换
'^/api': '/api'
}
}
},
hotOnly: false,
before: app => {}
},
在axios.js中配置baseURL
let config = {
baseURL:'/api'
};
最后使用$axios来请求数据即可
mounted(){
this.$axios.get('index_category/data').then((v)=>{
console.log(v);
})
}
成功后效果如下
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/188866.html原文链接:https://javaforall.cn
相关文章
- vue 加载页面时触发时间_Vue 刷新页面时会触发事件吗「建议收藏」
- Vue(5)计算属性computed
- vue md5.js_VUE.js
- vueaxios跨域请求_vue如何实现跨域
- VUE双向绑定原理_vue的数据绑定怎么实现
- vue双向绑定失效_vue 跨域
- vue源码分析-从new Vue开始
- vue监听用户离开页面并根据离开次数设置判断-可用于微信浏览器
- 阿里前端面试问到的vue问题
- VUE组件封装_vue使用组件
- Vue生成二维码_后端生成二维码还是前端
- vue解决跨域的几种办法_前端跨域解决方案
- vue 父组件调用子组件_react父组件向子组件传值
- fasdmin+uniapp网站解决跨域问题(vue网页+tp接口跨域)
- Vue之路由(Router)
- 开心档-软件开发入门之Vue.js Ajax(vue-resource)
- 使用Vue框架使用MSSQL数据库实现快速开发(vue mssql)
- Vue技术实现访问远程Redis的精彩之旅(vue访问远端redis)
- 用Vue从Redis中获取强有力的数据(vue用redis中数据)