vue配置代理

最新推荐文章于 2024-06-19 13:42:29 发布

前端程序员路易

最新推荐文章于 2024-06-19 13:42:29 发布

阅读量5.2k

点赞数 2

分类专栏： vue 文章标签： vue.js 前端

本文链接：https://blog.csdn.net/qq_46582421/article/details/122303638

版权

本文介绍了如何在Vue项目中配置代理以解决跨域问题，详细讲解了安装axios后的配置步骤，包括在vue.config.js文件中的设置，以及在App.vue和main.js中的应用。同时提到了配置代理的优缺点：可以设置多个代理但配置过程相对复杂，并且请求资源时需加上特定前缀。

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

首先安装axios:npn i axios
在这里插入图片描述

配置方法：在这里插入图片描述

说明:
1.优点:可以配置多个代理，且可以灵活的控制请求是否走代理。2.缺点:配置略微繁琐，请求资源时必须加前缀。

App.vue代码：

<template>
  <div>
    <button @click="getStudents">获取学生信息</button>
    <button @click="getCars">获取汽车信息</button>
  </div>
</template>

<script>

关注

专栏目录