⼏种前端web应⽤部署⽅式⽐较1.直接部署静态页⾯
项⽬代码只有⼀个index.html
将⽹站⽂件放在nginx的www⽬录中即可访问
浏览器查看效果
浏览器查看源代码
总结：
1.跳转新页⾯，浏览器要重新发起请求，⽹速慢的时候⽤户体验不好。
2.⽤户能直接查看到代码，安全性不⾜。
2.单页⾯应⽤
使⽤vue router创建⼀个单页⾯应⽤
同样，直接放到nginx的www中
浏览器查看效果
nginx部署前端项目
浏览器查看源代码
总结：
1.单页⾯应⽤（spa），开始时请求所有数据，前端路由控制页⾯跳转，跳转页⾯的时候⽤户体验好。
2.⽤户依然能够直接查看代码。
3.使⽤vue cli创建项⽬
3.1 npm run serve

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。