vue admin template 修改使用后端接口

迈不过友情╰ 2022-12-01 12:24 280阅读 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 条评论，280人围观）

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

相关阅读

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

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

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

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

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

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

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

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

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

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

流程： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1N

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

相关 vue mock 模拟后端api接口

模拟ajax响应安装插件 axios 是对 ajax 请求的封装对于 ajax 请求，使用 mockjs 插件来模拟后端响应 npm instal

曾经终败给现在/ 2022年10月29日 11:30/ 0 赞/ 249 阅读

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

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

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

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

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

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

相关 vue-admin-template导航栏路由功能

> 前面登录功能已经实现了[https://blog.csdn.net/qq\_41950447/article/details/115870228][https_blog.c

Dear 丶/ 2021年09月25日 07:32/ 0 赞/ 505 阅读

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

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

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

相关 vue-admin-template改成中文

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

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