vue-next-admin跨域配置

vue-next-admin,这是基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + next.vuex,适配手机、平板、pc 的后台开源免费模板库

这是个开源免费的后台管理系统,从v2到v3,变化比较大,但是实用性也是更强。然而在开发中,总会遇到跨域问题,所以需要注意下配置。不同的框架,配置跨域方式不同,vue-next-admin也不例外。配置方式有两种,一种是前缀相同,一种是前缀不同。

方式一:[vue] vue cli 4.0+ 解决前端跨域问题_vue-next-admin_lyt-top的博客-CSDN博客

方式二:多前缀配置,具体修改配置如下:

1.去除红框中配置

2.在vite.config.js中设置代理

其中,/admin ,/common是你api的前缀。我的如下:

javascript 复制代码
export function uploadFile(file: File) {
    var data = new FormData()
    data.append('fileName', file)
    return request({
        url: "/common/file/uploadFile",
        method: "post",
        data: data,
    })
}


   //活动列表
        findList: (data: object) => {
            return request({
                url: '/admin/activity/findList',
                method: 'get',
                params: data,
            });
        },

友情推荐:电信风月卡9元包180G(无语音通话功能,可接收短信)

相关推荐
海天胜景4 小时前
vue3 el-table动态表头
javascript·vue.js·elementui
G_whang4 小时前
jenkins自动化部署前端vue+docker项目
前端·自动化·jenkins
凌辰揽月6 小时前
AJAX 学习
java·前端·javascript·学习·ajax·okhttp
然我8 小时前
防抖与节流:如何让频繁触发的函数 “慢下来”?
前端·javascript·html
鱼樱前端8 小时前
2025前端人一文看懂 Broadcast Channel API 通信指南
前端·vue.js
烛阴9 小时前
非空断言完全指南:解锁TypeScript/JavaScript的安全导航黑科技
前端·javascript
鱼樱前端9 小时前
2025前端人一文看懂 window.postMessage 通信
前端·vue.js
快乐点吧9 小时前
【前端】异步任务风控验证与轮询机制技术方案(通用笔记版)
前端·笔记
pe7er9 小时前
nuxtjs+git submodule的微前端有没有搞头
前端·设计模式·前端框架
七月的冰红茶9 小时前
【threejs】第一人称视角之八叉树碰撞检测
前端·threejs