logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年

了解如何部署 Vue 应用

  • 开发View应用需要创建组件和编写TypeScript代码,这些代码要编译后才能在浏览器运行。
  • 通过vcci创建的项目可运行一个命令serv来创建监视文件变化的web服务器,自动编译应用。
  • 部署应用时,需在服务器搭建一个web服务器,编译View应用,并将编译好的应用部署上去。
  • 使用package.json中的build命令,可以编译应用,成功后文件存放在dist目录。
  • 为部署应用,需要在服务器安装nginx,并配置服务器将dist目录上传至服务器。
  • 通过ssh连接到服务器,创建部署目录,使用scp命令拷贝本地编译的应用到服务器。
  • 在nginx配置文件中设置服务器块,定义监听端口,服务器名,并指明网站根目录位置。配置default index,并使用try_files指令。
  • 保存nginx配置并测试无误后,重载nginx服务使配置生效。
  • 访问已配置的域名可以看到部署好的View应用。