摘要: Vue3学习与实战 · 配置使用vue-router路由 随着Vue版本的升级,Vue 2.x项目和Vue 3.x项目在使用vue-router上有些区别,本文就简单介绍下vue-router在Vue3中的配置和使用。 一、目录结构 demo/ package.json vite.config.js index.html public/ src/ api/ 阅读全文
posted @ 2021-11-26 18:21 天問-专注于大前端 阅读(2257) 评论(0) 推荐(0) 编辑
摘要: Vue3学习与实战 · 全局挂载使用Axios 在vue2中会习惯性的把axios挂载到全局,以方便在各个组件或页面中使用this.$http请求接口。但是在vue3中取消了Vue.prototype,在全局挂载方法和属性时,需要使用官方提供的globalPropertiesAPI。 一、全局挂载 在vue2项目中,入口文件main.js配置Vu 阅读全文
posted @ 2021-11-25 13:33 天問-专注于大前端 阅读(1961) 评论(0) 推荐(3) 编辑
摘要: vue3 + vite实现异步组件和路由懒加载 在 Vue2 中,异步组件和路由懒加载处理使用 import 就可以很轻松实现。但是在Vue 3.x 中异步组件的使用与 Vue 2.x 完全不同了。本文就详细讲讲vue3中异步组件和路由懒加载的实现。 ![Vue3 异步组件/路由](https://tiven.cn/static/img/img- 阅读全文
posted @ 2021-11-24 11:21 天問-专注于大前端 阅读(4558) 评论(6) 推荐(3) 编辑
摘要: EDG牛逼!我们是冠军! 11月7日凌晨1点,刚刚落幕的英雄联盟S11全球总决赛,中国战队EDG以3:2击败韩国战队DK,一举夺得S11总冠军。 ![我们是冠军](https://tiven.cn/static/img/img-edg-01-xI1PbRijRVwZcsQXwXkjh.jpg) 随着BO5最后一场,EDG破三 阅读全文
posted @ 2021-11-08 13:51 天問-专注于大前端 阅读(153) 评论(0) 推荐(0) 编辑
摘要: Egg.js学习与实战系列 · jsonp接口的封装使用 jsonp作为前端跨域的一种解决方案,不用像配置nginx那样做一系列的反向代理转发,返回的数据结构也比较严谨,使用起来简单,方便。本篇就讲讲jsonp接口在Egg框架中的封装与使用。 下载 egg-jsonp 插件 egg-jsonp 是用于 jsonp 支持的 Egg 插件。 npm i -S 阅读全文
posted @ 2021-11-03 17:16 天問-专注于大前端 阅读(199) 评论(0) 推荐(0) 编辑
摘要: Egg.js学习与实战系列 · 修改应用启动端口号 默认情况egg.js启动的端口是7001,如果该端口被占用,想修改其他端口的话,那么就要进行如下配置: 在 config/config.default.js 配置如下代码: /* eslint valid-jsdoc: "off" */ 'use strict'; const path = requ 阅读全文
posted @ 2021-11-02 10:34 天問-专注于大前端 阅读(546) 评论(0) 推荐(0) 编辑
摘要: Egg.js学习与实战系列 · Post请求`csrf token`问题 在使用axios请求egg.js封装的post接口时出现missing csrf token 或 invalid csrf token。踩过坑的新手估计不在少数,本篇记录一下解决方法。 问题原因 引用一下官网的Web 安全概念: Web 应用中存在很多安全风险,这些风险会被黑客利用,轻则篡改网页内容 阅读全文
posted @ 2021-10-26 14:24 天問-专注于大前端 阅读(1255) 评论(0) 推荐(0) 编辑
摘要: Egg.js学习与实战系列 · 文件上传配置 在使用Egg.js搭建文件上传服务时,遇到了几个一般新手都会遇到的坑。 经查阅官方文档,Egg框架中默认使用egg-multipart插件进行文件上传,所以上传文件前需要做相关的配置。 上传文件提示: filetype undefined (图片可以上传,不报错) 原因:没有给egg指定上传文件的类 阅读全文
posted @ 2021-10-19 17:53 天問-专注于大前端 阅读(719) 评论(0) 推荐(0) 编辑
摘要: Vite启动后提示Network: use `--host` to expose 当使用 Vite 构建项目后,发现只有localhost + 端口 服务,没有 IP + 端口服务。 运行npm run dev,终端提示Vite启动后提示Network: use '--host' to expose。 package.json中脚本配置 "scripts": { "dev": " 阅读全文
posted @ 2021-10-14 18:37 天問-专注于大前端 阅读(1644) 评论(0) 推荐(0) 编辑
摘要: webpack入门SoEasy `webpack`是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。 阅读全文
posted @ 2017-04-19 14:12 天問-专注于大前端 阅读(318) 评论(0) 推荐(0) 编辑