教程：如何使用4EVERLAND部署一个免费去中心化VUE.JS前端项目

Vue CLI 是一个用于快速 Vue.js 开发的完整系统，旨在成为 Vue 生态系统的标准工具基线。
在本指南中，我们将介绍如何使用 4everland 部署 Vue.js 前端应用程序。

一：设置你的Vue.js项目

如果您使用 Vue CLI 和后端框架来处理作为部署一部分的静态资产，您需要做的就是确保 Vue CLI 在正确的位置生成用于构建的文件，然后按照部署说明进行操作后端框架。
如果您要与后端分开开发前端应用程序。 您可以将 dist 目录中构建的内容部署到任何静态文件服务器，但请确保设置正确的 publicPath。

本地预览： dist 目录旨在由 HTTP 服务器提供服务，因此如果您直接通过 file:// 协议打开 dist/index.html 它将无法工作。 在本地预览生产版本的最简单方法是使用 Node.js 静态文件服务器，例如：

CPRS：如果您的静态前端与后端 API 部署到不同的域，您将需要正确配置 CORS。
PWA：如果您使用 PWA 插件，则您的应用程序必须通过 HTTPS 提供服务，以便 Service Worker 可以正确注册。

GitHub 

1. 在 vue.config.js 中设置正确的 publicPath。
2. 在您的项目中，创建包含以下内容的 deploy.sh（适当地取消注释突出显示的行）并运行它以进行部署：