美文网首页
vue项目中知识点整理

vue项目中知识点整理

作者: 半梦半醒lll | 来源:发表于2023-11-28 11:19 被阅读0次

1、vue怎么找到入口页面的?

在Vue项目中,入口页面(即根组件)是通过配置文件指定的。在创建Vue项目时,Vue CLI会自动生成一个src目录,并在其中创建一个名为main.js的文件。这个main.js文件就是Vue项目的入口文件。

在main.js文件中,你会看到以下代码:

import Vue from 'vue' 

import App from './App.vue' 

new Vue({

render: h =>h(App),

}).$mount('#app')

其中,App是引入的根组件(通常是一个名为App.vue的文件)。在new Vue()中,使用了render函数,将根组件渲染到Vue实例中。所以,在Vue项目中,通过修改 main.js中的代码,你可以更改默认的根组件,或者根据你的需求添加其他逻辑。值得注意的是,在开发过程中,你可能会在src目录中创建多个组件,并通过在根组件中引入和使用这些组件而构建整个应用程序。

2、vue项目请求接口的时候做了什么?

axios拦截器

请求拦截器(axios.interceptors.request.use)请求拦截器会在每个请求发送之前执行。你可以通过请求拦截器做以下操作:

>>修改请求配置。例如,添加请求头、动态设置请求URL、修改请求参数等。

>>检查请求权限。例如,检查用户是否登录,如果没有登录,重定向到登录页。

>>添加loading状态。例如,在请求开始时显示loading效果,请求结束时隐藏loading效果。

响应了拦截器axios.interceptors.response.use响应拦截器会在每个请求的响应返回后执行。你可以通过响应拦截器做以下操作:

>>统一处理响应数据。例如,对返回的数据进行格式化、校验、解密等处理。

>>错误处理。例如,根据不同的响应状态码进行不同的错误处理,统一提示错误信息。

>>统一处理loading状态。例如,请求成功时隐藏loading效果,请求失败时隐藏loading效果并提示错误信息。

通过使用请求拦截器和响应拦截器,你可以在Axios中实现全局的请求和响应处理逻辑,提高代码的复用性和可维护性,并且可以针对不同场景进行灵活的配置和扩展。

3、vue路由怎么界定权限的?

router.beforeEach()一般用来做一些进入页面的限制。比如没有登录,就不能进入某些页面,只有登录了之后才有权限查看某些页面,即路由拦截。

具体实现思路:首先,判断是否登录,若登录(判断是否在登录页面,若在,跳转首页。若不在,先获取当前登录的路由权限,若在权限之内,直接跳转,若不在权限之内,跳转到404页面。)若未登录(判断是否是不需要登录的白名单页面,若是,直接跳转该页面,若不是,直接跳转登录页面。)

相关文章

  • vue项目——Vue Router路由的使用

    前言:     学习vue也有一段时间了,这里把学习整个vue项目中的一些知识点和问题,整理下方便自己记录,也希望...

  • Vue后台管理界面

    Vue后台管理项目 一、自我总结后台管理界面项目里的知识点 项目起始 初学vue使用https://panjiac...

  • 02 django 环境的搭建和问题解析

    1 项目知识点(pycharm中操作) 2 vue环境搭建 安装webstorm安装node.js 安装cnpm...

  • vue各种资源集

    这里用于整理我工作中vue遇到的好示例、好项目,方便之后检索 ,同时分享出来。本文将会不断更新和整理 基于vue、...

  • 2019-01-19

    Vue+Vuex+axios+sass项目: 抽空整理了一下使用vue-cli创建vue项目并在项目中使用Vuex...

  • 学习链接

    vue-router教程总结 vue生命周期和钩子函数 详解vue生命周期 Vue2.0八——知识点整理 vuex...

  • vue-router之间的操作

    既然用了vue,那么vue-router就是在项目开发中必不可少的一部分操作了,这里我特意整理了一些在vue项目开...

  • vue 相关知识点链接记录

    vue项目用到的知识点:1:Node.js vue使用NPM作为项目的依赖包管理工具链接:http://www...

  • 走近webpack一点点

    前言 在了解webpack4.0的基础上,尝试从0开始搭建vue的单页开发环境,其中了解到的知识点整理如下。项目仓...

  • Vue 实战课程

    Vue 实战课程需具备知识点: 要实现的功能 项目开发流程:

网友评论

      本文标题:vue项目中知识点整理

      本文链接:https://www.haomeiwen.com/subject/xzotgdtx.html