vue3-admin-element-template框架正向代理

简介: vue3-admin-element-template框架正向代理

1在根目录找到vite.congig.js文件

找到server对象添加:

proxy:{
      '/api': {
        target: 'http://test_labour.xingyuncm.cn/api',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, '')// 重写路径
      },
    },

可以根据接口设置多个:

proxy:{
      '/api': {
        target: 'http://test_labour.xingyuncm.cn/api',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, '')// 重写路径
      },
      // http://test_labour.xingyuncm.cn/auth/menus/index
      '/auth': {
        target: 'http://test_labour.xingyuncm.cn/auth',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/auth/, '')// 重写路径
      },
      '/organization': {
        target: 'http://test_labour.xingyuncm.cn/organization',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/organization/, '')// 重写路径
      },
      '/user': {
        target: 'http://test_labour.xingyuncm.cn/user',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/user/, '')// 重写路径
      },
      '/grade': {
        target: 'http://test_labour.xingyuncm.cn/grade',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/grade/, '')// 重写路径
      }
    },

接下来就可以请求了

axios({
              method:'post',
              url:'/user/index/index',
              data:qs.stringify({
              })
            }).then((res)=>{
            }).catch((err)=>{
              console.log(err);
            })


相关文章
|
8月前
vue3-admin-element-template配置正向代理报错
vue3-admin-element-template配置正向代理报错
86 0
|
8月前
|
JavaScript 前端开发
Javaweb之Vue组件库Element之Form表单的详细解析
4.3.4 Form表单 4.3.4.1 组件演示 Form 表单:由输入框、选择器、单选框、多选框等控件组成,用以收集、校验、提交数据。 表单在我们前端的开发中使用的还是比较多的,接下来我们学习这个组件,与之前的流程一样,我们首先需要在ElementUI的官方找到对应的组件示例:如下图所示:
84 0
|
8月前
|
JavaScript 前端开发 开发者
Javaweb之Vue组件库Element的详细解析
4 Vue组件库Element 4.1 Element介绍 不知道同学们还否记得我们之前讲解的前端开发模式MVVM,我们之前学习的vue是侧重于VM开发的,主要用于数据绑定到视图的,那么接下来我们学习的ElementUI就是一款侧重于V开发的前端框架,主要用于开发美观的页面的。
86 0
|
JavaScript 前端开发 Java
vue3-element-admin 项目说明文档
vue3-element-admin 项目说明文档
|
3月前
|
资源调度 JavaScript
vue-element-admin 综合开发三:header组件的实现、vuex的使用、main组件(home页面)的实现
这篇文章介绍了如何实现一个Vue.js项目中的header组件,使用Vuex进行状态管理,以及创建一个main组件(home页面),并讨论了一些开发中遇到的bug。
96 0
|
8月前
|
API
Vue3-admin-template 框架修改登录页面
Vue3-admin-template 框架修改登录页面
639 0
vue-element-admin打包后白屏的问题
vue-element-admin打包后白屏的问题
122 0
vue-element-admin提交表单数据到后端
vue-element-admin提交表单数据到后端
176 0
|
数据安全/隐私保护
vue3-admin-element框架登录如何修改?
vue3-admin-element框架登录如何修改?
2038 0