vue-next-admin跨域配置

LingRuiBin

已于 2023-07-19 10:06:21 修改

阅读量890

点赞数

文章标签： vue.js 前端 javascript

于 2023-07-14 12:07:00 首次发布

本文链接：https://blog.csdn.net/qq_29484537/article/details/131720621

版权

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的前缀。我的如下：

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