apiAutoTestWeb使用说明apiAutoTestWeb 是为apiAutoTest的可视化版本,其采用前后端分离( FastAPI + Vue2 )方式实现具体使用: Python3 + FastAPI + Vue + element-ui + vue element admin + Tortoise ORM + jwt(python-jose) + apscheduler + aioh
<style>.pro_info { height: 100%;}.pro_info .top { width: 100%; height: 50%; background-color: yellow;}.pro_info .bottom { background: #d9c666; width: 100%; height: 50%;}.le...
原创
2023-02-22 10:47:51
160阅读
在config下新建 test.env.js 文件在prod.env.js 文件中改成// 改成你的环境域名就行 正式和测试的'use strict'const target = process.env.npm_lifecycle_event;if (target == 'test') { //测试 var obj = { NODE_ENV: '"produc...
原创
2022-01-10 14:05:09
1343阅读
# Vue Axios 分模块引用指南
在开发现代前端应用时,我们经常需要与后端服务器进行数据交互,Axios库在这方面是一个非常流行的选择。为了提高代码的可维护性和可读性,我们通常会将Axios的请求分模块管理。本文将详细介绍如何在Vue项目中使用Axios进行分模块引用,帮助刚入行的小白开发者快速上手。
## 整体流程
下面是实现“Vue Axios 分模块引用”的流程:
| 步骤 |
axios 是vue 请求接口必须用到的,和ajax一个意思 做项目最好就是封装好,全局使用,比较方便话不多说,开始首先vue 项目安装axiosnpm install axios然后,新建一个http.js的文件 下面内容直接粘进去,里面有详细介绍import axios from 'axios' //引入
import { getToken } from '@/utils/token'
转载
2023-10-30 17:22:15
82阅读
文章目录前言本文涉及代码已开源Fir Cloud 完整项目gatway网关跨域配置取消微服务跨域配置创建vue2项目准备一个原始vue2项目安装vue-router创建路由vue.config.js配置修改App.vue修改添加接口访问安装axios创建request.js创建index.js创建InfoApi.jsmain.jssecurityUtils.js前端登录界面登录消息提示框最终效果
原创
2022-09-09 07:51:17
416阅读
效果: 分页的本质: 分批次的查询数据(基于页码page与每页的条数pagesize),后端接收到分页参数后,会基于这些参数查询数据库,然后基于数据库进行分页;基于sql语句(select * from user limit n,m);分页组件需要实现
vue3分模块中vuex的使用,modules (分模块)
原创
2022-11-18 00:21:27
225阅读
概述 vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切
原创
2021-08-01 14:02:28
101阅读
概述 vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切
转载
2018-11-26 10:51:00
52阅读
在项目开发中,我们的项目一般分为开发版、测试版、Pre版、Prod版。Vue-cli的默认环境一只有dev和prod两个,之前每次要发布测试版或Pre版都是修改了源码中API地址后打包,这样很麻烦。如果能根据不同环境打包就完美了。网上搜集了许多资料,现在可以分环境打包程序了,至于怎么打,接着住下看吧。第1步:安装cross-env在项目目录下运行如下命令安装cross-env,我的ide是we...
原创
2022-03-29 10:49:32
468阅读
导航守卫其实也是路由守卫,也可以是路由拦截,我们可以通过路由拦截,来判断用户是否登录,该页面用户是否有权限浏览,需要结合meta来实现vue中路由守卫一共有三种:一个全局路由守卫,一个是组件内路由守卫,一个是router独享守卫所谓的路由守卫可以简单的理解为一座房子的门口的保安,想要进入这个房子就必须通过保安的检查,要告诉路由守卫你从哪里来?总不能随便陌生人就给放进去?要到哪里去?然后保安再告诉你下一步该怎么做?如果你的确是这个房子主人允许进入的人,那就让你进入,否则就要打电话给房子主人,跟房主商量(登
原创
2021-07-12 11:01:48
505阅读
导航守卫其实也是路由守卫,也可以是路由拦截,我们可以通过路由拦截,来判断用户是否登录,该页面用户是否有权限浏览,需要结合meta来实现vue中路由守卫一共有三种:一个全局路由守卫,一个是组件内路由守卫,一个是router独享守卫所谓的路由守卫可以简单的理解为一座房子的门口的保安,想要进入这个房子就必须通过保安的检查,要告诉路由守卫你从哪里来?总不能随便陌生人就给放进去?要到哪里去?然后保安再告诉你下一步该怎么做?如果你的确是这个房子主人允许进入的人,那就让你进入,否则就要打电话给房子主人,跟房主商量(登
原创
2022-02-26 17:45:15
518阅读
1、安装cross-env (cross-env能跨平台地设置及使用环境变量)cnpm/npm i cro
原创
2022-09-09 08:49:01
931阅读
【vue2.0进阶】vue-router10分钟快速入门前端君翻身的码农又一周过去了,时间过得很快,更新不能落下,继续我们的vue2.0进阶教程。今天前端君来跟大家一快速入门vue-router。学一个新东西之前,我们一定先要学会问:它有什么作用,为什么要学它?对于SPA(singlepageapplication单页面应用),尤其是做移动端的网页应用,由于使用<a/>标签实现页面的切
原创
2021-02-25 21:28:56
426阅读
如果你正在使用Vue框架,那么你肯定知道Vue CLI是什么。Vue-cli 3,它是Vue.js 开发的标准工具(脚手架),提供项目支架和原型设计。 除了日常构建打包项目,Vue CLI3 的一个重要部分是cli-plugins,插件开发。 本文将教你如何科学的创建一个Vue…
原创
2022-03-17 14:49:15
358阅读
vue过滤器中使用filters: { //第一种 Statistic(num) { let [integer, decimal] = String.prototype.split.call(num, '.') integer = (integer || 0).toString() let result = '' while (integer.length > 3) {
原创
2021-01-11 16:23:34
225阅读
Vue.js介绍 是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM。它通过一些特殊的HTML语法,
转载
2019-02-26 05:39:00
99阅读
2评论
转自 https://..com/rik28/p/6024425.html Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用V
转载
2019-07-30 16:39:00
128阅读
2评论