初次使用vue-element-admin在mock掉坑

最新推荐文章于 2023-12-17 00:30:00 发布
最新推荐文章于 2023-12-17 00:30:00 发布
阅读量333 收藏 1
点赞数
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yt5474dyj/article/details/126112222
版权

在初次使用vue-element-admin这个前端框架时，踩的坑分享一下
前后端分离项目中，为了解决跨域问题，在vue.config.js中配置了poxy

proxy: {
   
      '^/dev-api': {
   
        target: 'http://localhost:8301',
        changeOrigin: true,
        logLevel:
最低0.47元/天 解锁文章
远方的约定
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue-element-admin（一）mock
jianggeye7485的博客
09-13 807
一、在vue.config.js中before: require(’./mock/mock-server.js’),后加上 //解决跨域问题 proxy: { [process.env.VUE_APP_BASE_API]: { // dev-api target: 'mock中自己创建的base url', changeOrigin: true, //开启代理服务器， /dev-api/test pathRewrite: { [ '^' + process.env.V
vue-element-admin实现后台接口返回路由，前端动态生成路由菜单
笑到世界都狼狈的博客
11-18 2475
最近要开发新项目，与以往不同的是，路由菜单的生成都是需要后台管理的，接口直接返回给前端，前端根据接口的返回实现菜单及页面的显示。在菜单还没有给数据的时候，前端先自己在mock中模拟实现一下功能。
关于Vue使用Mock接口报404的问题
lmchhh的博客
12-26 3011
关于Vue使用Mock接口报404的问题。初次在Vue中使用Mock的时候，引用了网上的常用做法：在根目录的vue.config.js文件下引用。但最终不管我怎么引用，都无法正常调用接口*/user/info*，总是报404。然后再调用接口*/user/info*，调用正常。尝试了很久，终于发现我的启动命令。
解决vue3+vite项目中引入mockjs失败的问题--无法找到模块“mockjs”的声明文件
蜗牛~~
06-28 1220
看到上面报错，根据提示 修改声明方式 declare module 'mockjs'我们修改一下引入的声明，发现修改之后仍然报错；需要在vite-env.d.ts文件中，添加。然后就可以正常使用了。
vue-element-admin 去掉mock数据，用后台接口登录
weixin_45835850的博客
04-28 5254
文章目录前言需要修改的文件1、/src/main.js2、.env.development3、vue.config.js4、src/api/user.js5、src/store/modules/user.js6、src/utils/request.js 前言 记录一下去掉mock数据，用自己接口登录 需要修改的文件 1、/src/main.js 代码如下： 注释掉 // if (process.env.NODE_ENV === 'production') { // const { mockXHR
vue-element-admin中文版本
07-20
在 "vue-element-admin" 项目中，你将找到以下关键知识点： 1. **Vue CLI**：Vue-element-admin 基于 Vue CLI（Vue 的命令行工具）构建，它提供了一套自动化的工作流，用于快速初始化项目，包括自动配置打包、热...
vue-element-admin-master.zip
12-02
Vue Element Admin 是一个基于 Vue.js 和 Element UI 的后台管理框架，它提供了丰富的预设组件、权限管理、动态路由、Mock 数据等，使得开发者能够快速构建出美观且功能强大的后台管理系统。"vue-element-admin-...
学习vue-element-admin，优化了大量融入代码，添加中文注释
05-16
在“学习vue-element-admin，优化了大量融入代码，添加中文注释”的项目中，我们可以深入理解以下几个关键知识点： 1. **Vue.js核心概念**： - **虚拟DOM**：Vue.js通过虚拟DOM实现高效的数据更新，减少了不必要的...
vue3-element-admin:vue3-element-admin后台管理系统前端解决方案
04-17
Vue3 Element Admin 中文 | 简介 Vue3 Element Admin 是一个免费开源的中后台模版。基于vue3+ElementPlus+Vite开发，是一个开箱即用的中后台前端解决方案，它可以帮助你快速搭建企业级中后台产品原型，也可用于学习...
打包基于 vue-element-admin 项目遇到的问题记录及解决方案
Irene1991的博客
04-28 3054
真实商业项目打包遇到的问题记录及解决方案
详解vue-element-admin 使用mock.js动态模拟数据
Jasonslw的博客
03-31 3316
详解vue-element-admin 使用mock.js动态模拟数据
vue-element-admin 移除 mock 接入后端接口
有来技术
09-08 2864
本篇文章基于有来商城youlai-mall微服务项目，介绍了如何使用Vue和element-ui技术搭建一个后台前端管理平台，并通过解决方案vue-element-admin实现前后端分离。文章详细讲解了如何改造vue-element-admin工程，以接入微服务接口，实现前后端分离的优化。通过本篇文章，读者可以了解到如何将现有的前端管理平台与微服务项目结合，提升系统的可维护性和扩展性。
VueElementAdmin--学习笔记（一）-- Mock过程
yupengfeiwangcui的专栏
03-28 554
Github：https://github.com/PanJiaChen/vue-element-admin 作为一个后端人员，也就刚参加工作那会用过几年js后面基本上都很少用，今天想整一个前后端分离的框架，发现我前端知识已经跟不上，只能埋头学，也不想从头学起了，从Github上下载以上源码功能，直接看人家写的代码也有好处，看到哪儿不懂就去查去分析，如果全部看懂了说明学会这种开发模式的80%，框架就可以直接拿来用了，其实大家在工作中大多都是这种学习路径，其实也是捷径。 这篇...
vue-element-admin项目自学，利用mock模拟接口供自己使用
qq_51606149的博客
09-10 786
用于自己学习用
Vue下如何配置和使用自定义mock数据
iconhot的博客
04-23 1399
1.新建mock数据 2.配置webpack.dev.conf.js引入express/mock的json文件 const express = require('express') const goodsJson = require('./../mock/goods.json') const app = express(); const router = express.Router(); a...
vue-element-admin如何把mock换成使用真实后台接口
最新发布
把项目开发中遇到的问题记录下来
12-17 1352
把mock换成使用真实后台接口
vue-element-admin去除mock
09-05
要去除vue-element-admin中的mock功能，可以按照以下步骤进行操作： 1. 打开项目的根目录，并找到.env.development文件。 2. 在.env.development文件中，找到以下代码，并将其注释掉： ``` // if (process.env.NODE_ENV === 'production') { // const { mockXHR } = require('../mock') // mockXHR() // } ``` 3. 保存并关闭.env.development文件。 4. 打开项目的src/main.js文件。 5. 在main.js文件中，找到以下代码，并将其注释掉： ``` // import { mockXHR } from '../mock' // if (process.env.NODE_ENV === 'production') { // mockXHR() // } ``` 6. 保存并关闭main.js文件。 经过以上步骤，你已成功去除了vue-element-admin中的mock功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vue-element-admin 去掉mock数据，用后台接口登录](https://blog.csdn.net/weixin_45835850/article/details/116228701)[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_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vue-element-admin v4.x入门 & 去除mock请求自己接口 & 跨域问题](https://blog.csdn.net/weiiscomeon/article/details/96695526)[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_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [vue3-element-admin:vue3-element-admin后台管理系统前端解决方案](https://download.csdn.net/download/weixin_42135754/16733756)[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_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值