项目的部署发布和访问的流程
-
- 首先打包项目:
npm run build
- 首先打包项目:
-
- 打包后的文件会生成在
dist
文件夹中,将dist
文件夹需要放到服务器里面,意味着服务有dist
静态资源(index.html,css/,js/,img/
)
- 打包后的文件会生成在
-
- 用户在浏览器输入域名(
xxx.baidu.com
)访问项目,然后经过域名解析,解析出来IP
地址,通过IP
地址找到服务器,服务器的话请求对应的资源
- 用户在浏览器输入域名(
-
- 最先请求下来的是
index.html
, 把index.html
下载下来,然后浏览器解析会index.html
, 解析过程当中遇到谁加载谁(例如:遇到js
加载js
文件,遇到img
加载img
,遇到css
加载css
文件),然后把静态资源下载下来
- 最先请求下来的是
-
- 最终渲染页面,用户就可以看到页面了(不管是PC端还是移动端)