修改在gitee上克隆下来的vue-admin-template项目上的后台接口

最新推荐文章于 2023-03-21 16:38:12 发布
最新推荐文章于 2023-03-21 16:38:12 发布
阅读量546 收藏 5
点赞数
分类专栏： 前端 文章标签： 接口 vue 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44614518/article/details/119494179
版权

一只菜狗路过

在这里插入图片描述

1、先改后台接口路径，至于在哪个文件改，别问，问就是看图！！！图上有都！！！

在这里插入图片描述

2、去把这个文件里面的这句注释掉，这是原项目用mock模拟数据没有后台接口才这样用的

在这里插入图片描述

3、把url路径改为自己后台接口路径（图上都显示有在哪个文件），因为我的是/user/login，如下面第二张图

最低0.47元/天 解锁文章
~HT猫L~
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vue admin template 修改使用后端接口
caoyan0829的博客
08-27 5632
1.development和production都改下默认url 2.api接口文件 我的接口就是http://xx.com/login import request from '@/utils/request' export function login(data) { return request({ url: '/login', method: 'post', data // method: 'get', // params: da...
vue-admin-template登录接口调整_小程序登录授权及获取用户信息API详解
weixin_36352523的博客
01-25 822
大家好，今天想给大家分享介绍小程序：授权、登录、session_key、unionID、openID等的详解，主要分为两个部分来介绍，第一部分是简单的整理说明，以求理清关系。第二部分授权登录的逻辑参考了多个小程序，希望能找到最优的模式，并会配合代码详细讲解整个流程。一、API详解1.登录通过wx.login拿到code给后台，接口返回token、openID等参数。有了这些参数我们就可以直接请求那...
【Vue项目搭建】vue-admin-template修改（2）
qq_20623665的博客
12-24 630
单页面spa，切换都需要用户信息，此时用vuex存用户信息，切换时就不需要多次发送获取用户信息请求了。控制台根据类名查找（分散的style文件太多了，就不上图了，主要方法就是根据类名一个个找你要修改的）单独封装路由守卫 ，设置白名单，permission.js，鉴权。用vuex的同一个钩子，获取用户详细信息并存到vuex。退出清除vuex的token和和用户信息。点击退出后，返回登录界面，路径里的参数。stroke-width //线宽。stroke //画线颜色。fill //填充颜色。
修改 vue-admin-template mock数据为请求本地接口
cyt
08-02 6504
1、后端接口 登录接口 此处需要返回的是用户信息以及登录后的token ， 后端配置： port : 8001 路径：/api @GetMapping("/user/info") public ResultVO<HashMap> getInfo(String token) { log.info("get user info : " + token); String username = jwtConfig.getUsernameFromTo
vue element admin 二次开发_Vue-Element-Admin 去除Mock请求自己接口
weixin_39572442的博客
12-08 1233
一直处理没处理好，终于找到方法了、手摸手，带你用Vue撸后台 系列五(V4.0新版本)里面有更新，直接复制代码覆盖即可，修改代码的相关配置1) 打开Vue.Config.Js 修改DevServer下的Proxy :将：devServer:{port:port,open:true,overlay:{warnings:false,...
vue-admin-beautiful-template:vue-admin-beautiful-template基础版
03-21
vue-admin-beautiful（element-ui） 地址 vue-admin-beautiful前端讨论QQ群972435319，1139183756 不论您加或不加，您都可以享受到开源的代码，感谢您的支持和信任，群内部提供vue-admin-beautifu基础版本...
vue-admin-template:后台管理系统 vue+vue-cli+webpack+boostrap
05-14
2. 使用Git克隆或下载`vue-admin-template-master.zip`压缩包并解压到本地。 3. 打开终端，进入项目根目录。 4. 运行`npm install`，安装项目所需的依赖包。 5. 安装完成后，执行`npm run dev`启动开发服务器，...
vue-admin-template-plus:带有Vue 3.0和Element Plus的Vue元素管理模板
05-19
vue-admin-template-plus 这是一个极简的 vue admin 管理后台。它只包含了 Vue 3.0 & Element Plus & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 目前版本基于 vue-cli + Vue 3.0 + ...
vue-admin-template:基于实际项目而改造的精简Vue后台管理模板，帮助初学者快速上手后台管理系统的开发
03-11
此文章文章为之前的说明文档，不是教你从零构建一个后台管理系统，或者基于一个实际项目，已经构建好了一个后台管理系统的基础框架，教你如何在此基础上快速开发自己的只有接触项目，才能更好地理解自己所学知识的...
ebase-fast-vue：这是一个ebase-fast管理后台。我们原始克隆了vue-admin-template脚手架。现有版本为v4.0 +基于vue-cli进行构建
02-10
ebase-fast-vue这是一个ebase-fast管理后台。我们原始克隆了脚手架。目前版本为v4.0+基于vue-cli进行整合。浏览器支持现代浏览器和Internet Explorer 10+。 IE浏览器/边缘 火狐浏览器 Chrome 苹果浏览器IE10，IE11，...
vue-admin-template 请求接口
xyh569923911的博客
06-15 770
vue-admin-template 请求接口
vue-element-admin修改请求接口
热门推荐
To_change_the_world的博客
01-12 1万+
修改vue.config.js proxy: { // change xxx-api/login => mock/login // detail: https://cli.vuejs.org/config/#devserver-proxy [process.env.VUE_APP_BASE_API]: { ...
【Vue项目搭建】vue-admin-template修改
qq_20623665的博客
12-22 838
在actions操作mutations，存储token，并永久持有，防止vuex token丢失。登录，账号密码错误，但是服务器请求是成功的，此时可以通过响应数据判断。如果接口没有解决跨域，需要设置代理，先注释掉request基地址。success是后台返回的数据。值为false和ture。在vue.config.js 的devServer。使用dispatch调用actions操作异步。target: '基地址'如果有token，添加请求头。重置vuex，的user。
vue-admin 如何让mock和请求后台接口同时存在（登录用的mock数据。页面是后台请求数据）
weixin_42402812的博客
03-26 2539
开发环境走mock-server 在开发环境中，vue-config-js我们配置代理的时候开了一个叫 before: require('./mock/mock-server.js')或 bafter: require('./mock/mock-server.js') 所以会走mock-server 但是当我们请求后台的时候我们封装的request.js的时候 baseURL: process.env.VUE_APP_BASE_API, 然后我们把.env.development，.env.stagi
Vue的vue-admin-template-master基础模板修改，后台连接数据库并且使用springsecurity安全框架
xiaxiao520的博客
11-10 1638
目录 1、配置跨域 2、如果想使用中文版的，找到main.js 3、找到src下的store-->modules下面的user.js文件 4、点击最上方的login就可以直接进入src下api中的user.js中 5、设置权限get方法 5、设置发送请求文件 1、配置跨域 1.找到vue.config.js 和 overlay同级下加跨域配置 ​ proxy: { '/api':{ target:"http://192.168.43.48:8087/"...
vue-element-admin文档gitee地址
学亮编程手记
04-15 2447
gitee: https://panjiachen.gitee.io/vue-element-admin-site/zh/ github: https://panjiachen.github.io/vue-element-admin-site/zh/
vue admin 基本知识
好好学习 天天向上
10-24 753
vue ：https://cn.vuejs.org/v2/guide/ 至少看一遍 vue-element-admin：https://panjiachen.gitee.io/vue-element-admin-site/zh/ 很好的开源库 Vue 生态圈 首先了解这些 vue 生态圈的东西，会对你上手本项目有很大的帮助。 Vue Router 是 vue 官方的路由。它能快速的帮助你构建...
后台系统：vue-admin-template 初始化
Kerwin__li的博客
03-21 471
注：如果需要写后台，并且使用vue-admin-template 作为架子来构建项目，那么对于这个架子初始化 时，需要删除的各项可以参考进行删减。
mock数据的简单使用 基于vue3-admin-element-template框架
m0_64397933的博客
06-27 952
mock.js的简单使用
vue-admin-template-master项目js怎么写
最新发布
08-23
要编写vue-admin-template-master项目的JavaScript代码，您可以按照以下步骤进行操作： 1. 首先，通过克隆vue-admin-template-master项目的代码库到您的本地环境。您可以使用Git命令进行克隆，例如： ``` git clone https://github.com/username/vue-admin-template-master.git ``` 2. 进入项目目录，并安装项目所需的依赖项。您可以使用以下命令来完成安装： ``` cd vue-admin-template-master npm install ``` 3. 打开您喜欢的代码编辑器，并导航到vue-admin-template-master项目的目录。 4. 项目的JavaScript代码主要位于`src`目录下的各个子目录中。您可以根据您的需求，在这些子目录中创建或修改JavaScript文件。 5. 在JavaScript文件中，您可以编写各种逻辑和功能代码，例如处理用户输入、发送网络请求、渲染页面等。您可以使用Vue.js的语法和特性来编写代码。 6. 在编写JavaScript代码时，您可以参考项目提供的开发文档和示例代码，以了解项目的架构、组件和API的使用方式。这些文档通常可以在项目的`docs`或`docs＊＊＊动开发服务器并预览您的应用程序： ``` npm run dev ``` 请注意，以上步骤仅提供了一个基本的指导方针来编写vue-admin-template-master项目的JavaScript代码。具体的代码编写取决于您的项目需求和个人偏好，您可以根据实际情况进行相应的调整和修改。同时，建议您仔细阅读项目的文档和教程，以确保按照项目的最佳实践进行开发。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [vue-admin-beautiful-template:vue-admin-beautiful-template基础版](https://download.csdn.net/download/weixin_42159267/16003661)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [计算机程序设计语言课程设计(VUE.js)及实践项目的例子.txt](https://download.csdn.net/download/weixin_44609920/88236928)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值