经典面试题 从浏览器输入一个URL之后,都发生了哪些事情?

前端

浏览器输入URL，进行DNS域名解析(找到对应的IP地址)，根据IP地址找到对应的服务器，找到对应静态资源的文件夹(配置的Nginx, 通过反向代理找到静态资源的文件夹)，将前端请求的静态资源返回给前端(html、css、js), 前端对资源进行解析， js代码--前端路由--Component--js文件--渲染出来组件的内容

当浏览器输入 地址/路径, 出现404的解决办法

根据上图 在输入codewhy.org/home/message进行刷新操作，域名解析后 ip地址/路径，/home/message找不到对应的资源，需要配置Nginx的try_files，当有该路径($uri)则直接返回对应资源，若没有则返回index.html

本地localhost返回对应的资源配置：vue-cli ——> webpack ——> historyApiFallback: true,当找不到对应的资源，会默认返回根路径下的index.html

如果想修改historyApiFallback

codeWhy笔记记录