【Azure 应用服务】用App Service部署运行 Vue.js 编写的项目，应该怎么部署运行呢？

问题描述

用App Service部署运行 Vue.js 编写的项目，应该怎么部署运行呢？

 

问题解答

VUE通常是运行在客户端侧的JS框架.

App Service 在这种场景中是以静态文件的形式提供index.html以及其它编译好的assets(js,image,font....)文件。
因此，首先需要在本地编译（npm run build)后，将整个dist目录中的内容上传至 App Serivce 的wwwroot目录下。

上传文件的方式可以通过ZIP, 或者FTP等方式：

• 由于dist目录下通常存在多个文件，可以打包后使用ZIP部署的方式一次性上传 ： https://docs.azure.cn/zh-cn/app-service/deploy-zip?tabs=kudu-ui#deploy-a-zip-package
• 或者使用FTP方式批量上传 ： https://docs.azure.cn/zh-cn/app-service/deploy-ftp?tabs=portal

 

问题一： Windows的App Service支持web.config的配置？
支持。 这种情形下，可以直接将本地的web.config配置文件上传至AppService home\site\wwwroot下，配置就会生效。

问题二： 中文路径压缩后再解压缩乱码的问题？
乱码的问题通常是由于执行进行压缩的客户端操作系统与解压缩的服务器操作系统之间的环境区别，以及zip软件支持问题导致。
因为牵扯到客户端与服务器两侧的因素，因此需要测试验证。 如果测试发现有问题，可以用其他的方式上传文件，如ftp。