Vue3+TS Day26 - historyApiFallba

一、historyApiFallback

1、理解在浏览器输入www.coderwhy.cn 后，到vue页面返回的整个过程？（非常重要）

image.png

2、在SPA项目中，historyApiFallBack有什么作用？

image.png

3、如何在vue项目中配置 historyApiFallBack属性呢？

// vue.config.js
module.exports = {
  configureWebpack: {
    devServer: {
      historyApiFallback:true
    }
  }
}

二、TyeScript前言

1、一句话概括为什么会有新的技术出现？以及JavaScript是一门优秀的语言吗？为什么？

• 【任何新技术的出现都是为了解决原有技术的某个痛点】

image.png

2、但是JavaScript最大的痛点是什么？

• 直到今天JavaScript也没有加入类型检测这一机制

image.png

3、没有类型检测会带来什么问题？（非常重要）

image.png image.png image.png

3、TypeScript是哪一年推出的，致力于解决JavaScript存在的什么问题？

• 2014年，Microsoft推出了TypeScript1.0版本
• 【为了弥补JavaScript类型约束上的缺陷，增加类型约束】

image.png

三、邂逅TypeScript

1、TypeScript和JavaScript存在什么关系呢？

• TypeScript是拥有类型的JavaScript超集，它最终需要编译成普通、干净、完整的JavaScript代码。

image.png image.png image.png

2、TypeScript一定要转成JavaScript吗？

• 是的，一定要转成JavaScript

image.png

3、在node环境跑TypeScript

image.png image.png image.png

4、搭建webpack环境跑TypeScript

https://mp.weixin.qq.com/s/wnL1l-ERjTDykWM76l4Ajw