react-ant-admin

Appearance

Return to top
On this page

请求配置

解决跨域

vite自带解决跨域问题，在vite.config.ts文件中配置server.proxy。更多信息查看这里

import { defineConfig } from 'vite'
export default defineConfig({
   server: {
    proxy: {
      "^/api": {
        target: "https://z3web.cn",
        changeOrigin: true,
        rewrite: (path) => {
          return path.replace("/api", "/api/react-ant-admin")
        }
      },
    },
  },
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14

WARNING

注意两点：

  1. axios 的BASE_URL只能为/或者不填。不能为某一地址如：http://xxx.xxx:xxx/xxx
  2. 如果以上的prevUrl为^/api的时候，使用 axios 调用post,get,等等请求时，必须加上前缀/api,例如：axios.post("/api/login")

更多说明请看http-proxy-middleware 文档

get 请求支持自动拼接 url

因为使用qs这个库,在 get 请求上可以直接使用Object类型转化为 url 的拼接参数

import ajax from "@/common/ajax";

const data = {
  name: "kongyijilafumi",
  age: 22,
};
ajax.get("/getUserInfo", data); // /getUserInfo?name=kongyijilafumi&age=22
1
2
3
4
5
6
7

更多信息请查看qs 文档