导出和维护Vue应用程序

Question

我已经开发了一个vue应用程序并运行了npm run build 之后，我将dist文件中的内容上传到了我的网页，但返回了空白页。

自从我进行测试以来，我将其上传到public_html/mypage.com/vueapplication中的文件夹中。为了正确处理所有路径，我添加了一个vue.config.js并包含以下内容：

// vue.config.js

module.exports = {
     publicPath: '/vueapplication/'
}

该应用程序现在可以正常工作，但是我却很受伤：

1. 如何最好地将应用程序发布/上传到我的网站？只需将内容拖到正确的文件夹中即可？
2. 如何最好地维护我的网站？每当我在网站上进行更新时，是否需要重新构建并上传并覆盖文件？
3. 构建和部署应用程序之间有什么区别？

Answer 1

1. 拖放代码即可。但是随着您的应用程序的增长，您可能需要考虑使其自动化。例如，如果您使用S3存储桶，则可以使用 aws cli 自动执行上传。
2. 是的，您应该覆盖您的部署文件夹。您还需要注意部署具有相同名称的不同二进制文件。例如，如果您有一个全局css文件（例如main.css）。该文件可能会在部署之间更改内容，但保持相同的名称。浏览器可能会cache使用该文件，因此下载该文件较旧版本的用户将不会使用新文件。有多种方法可以解决此问题，但是如果您使用webpack，则它使用缓存清除技术，您应该会很好。

3. 构建是将源代码转换为工件的过程。确切的说，不同的语言，不同的平台，不同的平台意味着不同。在vuejs世界中，这通常意味着几个js文件，几个css文件和一些资产。

   部署意味着获取构建的输出并将其提供给用户。这又因项目而异。在vuejs世界中，这通常意味着从构建中获取工件并将其上传到启用了http的Web服务器。