Proxy

export default defineConfig({
    plugins: [vue()],
    resolve: {
        // dedupe:['vue'],
        alias: {
            '@': '/src',
        },
    },
    server: {
        host: '0.0.0.0',
        open: false,
        proxy: {
            '/api': {
                target: 'http://127.0.0.1:8000/',
                changeOrigin: true, // 允许跨域
                rewrite: path => path.replace('/api/', '/'),//将 /api 替换为空字符串
                // 相当于pathRewrite: { '^/api/': '/' },
                secure: false,//禁用 HTTPS 安全性检查
                cookieDomainRewrite: '',//设置为空字符串可以确保代理请求中的 Cookie 在跨域时正确处理
            },
        },
    },
})

import axios from "axios";  //要导入安装的包，则直接填写包名即可
// axios.defaults.withCredentials=true;//允许携带cookie跨域
//创建实例
const httptool = axios.create({
    // baseURL: 'http://127.0.0.1:8000/',
    baseURL: '/api',//请求的公共路径，一般填写服务器api地址
    timeout: 1000,                          //最大请求超时时间，请求超过这个时间就报错
    headers: {'X-Custom-Header': 'foobar'}  //预设的请求头，一般工作当中这里填写隐藏了客户端身份字段
});

 httptool.post('/authorizations/', {
    username: this.username,
    password: this.password
}, {
    responseType: 'json',
    // withCredentials: true  // 跨域情况可以携带cookie
})