如何解决Vue项目Axios跨域问题

最新推荐文章于 2024-08-02 00:06:36 发布

qq_40355352

最新推荐文章于 2024-08-02 00:06:36 发布

阅读量269

点赞数

分类专栏： Vue.js Web前端开发文章标签： vue.js

本文链接：https://blog.csdn.net/qq_40355352/article/details/109058351

版权

Vue.js 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

Web前端开发

2 篇文章 0 订阅

订阅专栏

本文介绍了在前端项目中如何配置axios的基础URL，设置代理以访问本地API。首先在main.js中设定axios的baseURL为'/api'，然后在config/index.js的proxyTable中添加相关配置，最后展示了一个使用axios进行GET请求的例子。

摘要由CSDN通过智能技术生成

第一步，配置BaseUrl：
在main.js中，配置下我们访问的Url前缀：axios.defaults.baseURL = ‘/api’ // 开发本地代理；
第二步，配置代理：
修改config文件夹下的index.js文件，在proxyTable中加上相关代码：
第三步，修改请求URL：
this.$axios.get("/test/test123") .then(res=>{ console.log(res) }) .catch(err=>{ console.log(err) })