vue-next-admin跨域配置

LingRuiBin2023-07-23 9:07

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（无语音通话功能，可接收短信）