vue admin template 修改使用后端接口

迈不过友情╰ 2022-12-01 12:24 336阅读 0赞

1. development和production都改下默认url

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb3lhbjA4Mjk_size_16_color_FFFFFF_t_70][]

2.api接口文件    我的接口就是 [http://xx.com/login][http_xx.com_login]

import request from '@/utils/request'
    
    export function login(data) {
      return request({
        url: '/login',
        method: 'post',
        data 
        // method: 'get',
        // params:  data 
      })
    }

3. vue.config中的devServer新增 proxy配置

devServer: {
        port: port,
        open: true,
        overlay: {
          warnings: false,
          errors: true
        },
        proxy: {
          [process.env.VUE_APP_BASE_API]: {
            target: "http://172.17.20.18:8088",
            ws: true,
            changeOrigin: true,
            pathRewrite: {
              ['^' + process.env.VUE_APP_BASE_API]: ''
            }
          }
        },
        // before: require('./mock/mock-server.js')
      },

4.页面使用接口

<script>
    import { layout } from "@/api/layout";
    
    methods: {
    
        submit() {
          layout(data).then((response) => {
            console.log(response);
          });
        },    
    }
    </script>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb3lhbjA4Mjk_size_16_color_FFFFFF_t_70]: /images/20221123/e183e82a89604485ac757cf03a2e5197.png
[http_xx.com_login]: http://xx.com/login

发表评论取消回复

表情：

评论列表（有 0 条评论，336人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue框架vue-admin-template登陆问题解决

一、引言下面来学习一下在开发中可以直接使用的`Vue`两个模板框架，`vue-element-admin`和`vue-admin-template`，这两者具体的介绍、

偏执的太偏执、/ 2023年05月21日 10:18/ 0 赞/ 20 阅读

相关 Vue框架vue-admin-template登陆问题解决

一、引言下面来学习一下在开发中可以直接使用的`Vue`两个模板框架，`vue-element-admin`和`vue-admin-template`，这两者具体的介绍、

╰+攻爆jí腚メ/ 2023年05月21日 10:16/ 0 赞/ 9 阅读

相关 admi后台 vue_【Vue后台管理一】vue-admin-template 后台模版初始化

Vue后台管理前段时间学习Vue写了一个移动端项目 https://www.charmcode.cn/app/mall/home 然后教程到此就结束了，我就总感觉少点什么

野性酷女/ 2023年01月01日 01:45/ 0 赞/ 193 阅读

相关 vue-admin-template 登录认证授权改造

1. 登录页文件目录 src/view/login/index.vue 登录方法 handleLogin() {

浅浅的花香味﹌/ 2022年12月25日 07:58/ 0 赞/ 199 阅读

相关 vue admin template 修改使用后端接口

1. development和production都改下默认url ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_a

迈不过友情╰/ 2022年12月01日 12:24/ 0 赞/ 337 阅读

相关项目笔记9：vue-admin-template框架使用

流程： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1N

深碍√TFBOYSˉ_/ 2022年11月17日 14:49/ 0 赞/ 125 阅读

相关如何修改vue-admin-template，vue，electron-vue-admin的页面标题

vue-admin-template:在setting.js中修改 ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s

梦里梦外;/ 2022年09月11日 04:13/ 0 赞/ 316 阅读

相关 vue-admin-template 修改侧边栏

(1) 注册路由 router.js---->添加或更改测边框的模块注意：模块的路径 (2) 在Views文件下增加相应的模块.vue (3) 在 conponen

港控/mmm°/ 2021年11月19日 12:12/ 0 赞/ 841 阅读

相关 vue-admin-template登录功能前后端交互流程及编码

1.vue-admin-template简介 > 官网[https://panjiachen.github.io/vue-element-admin-site/zh/][

r囧r小猫/ 2021年09月25日 07:30/ 0 赞/ 1204 阅读

相关 vue-admin-template改成中文

直接开始有些人git clone下来发现他都是英文然后就开始百度改成中文发现都是这样的博客看下面代码如果有人要做国际化可以去element官网国际化看看写的很详细

ゝ一世哀愁。/ 2021年07月26日 22:19/ 0 赞/ 582 阅读