1、安装axios

npm install axios

在src目录下新建axios.js,内容如下,baseURL根据自己项目api域名填写进去,如果遇到跨域问题我们需要进一步设置

import axios from "axios";

const service = axios.create({
    baseURL:"https://www.yyyccc.cn"
})
export default service

2、跨域处理,配置vite跨域代理

server:{
    proxy:{
      '/api':{
        target:'https://www.yyyccc.cn',
        changeOrigin:true,
        rewrite: (path) => path.replace(/^\/api/, '')
      }
    },
  }

在这里插入图片描述
使用vite跨域代理之后需要修改刚刚我们配置的axios域名
使用/api替代域名完成跨域在这里插入图片描述

3、使用

在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐