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

简介: 【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等方式:

 

问题一: Windows的App Service支持web.config的配置?

支持。 这种情形下,可以直接将本地的web.config配置文件上传至AppService home\site\wwwroot下,配置就会生效。

问题二: 中文路径压缩后再解压缩乱码的问题?

乱码的问题通常是由于执行进行压缩的客户端操作系统与解压缩的服务器操作系统之间的环境区别,以及zip软件支持问题导致。

因为牵扯到客户端与服务器两侧的因素,因此需要测试验证。 如果测试发现有问题,可以用其他的方式上传文件,如ftp。

相关文章
|
8天前
|
API UED
如何实现Vue2项目升级Vue3?
如何实现Vue2项目升级Vue3?
92 59
|
8天前
|
API UED
升级 Vue3 后,项目的打包体积会有什么变化?
升级 Vue3 后,项目的打包体积会有什么变化?
98 57
|
28天前
|
前端开发
vue3+ts项目中使用mockjs
vue3+ts项目中使用mockjs
247 58
|
11天前
|
JavaScript
vue项目中使用vue-router进行路由配置及嵌套多级路由
该文章详细说明了如何在Vue项目中配置和使用vue-router进行单页面应用的路由管理,包括设置嵌套路由和实现多级路由导航的示例。
vue项目中使用vue-router进行路由配置及嵌套多级路由
|
20小时前
|
存储 JavaScript 前端开发
vue尚品汇商城项目-day05【30.登录与注册静态组件(处理公共图片资源问题)+31.注册的业务+登录业务】
vue尚品汇商城项目-day05【30.登录与注册静态组件(处理公共图片资源问题)+31.注册的业务+登录业务】
9 1
|
7天前
|
JavaScript
vue尚品汇商城项目-day07【vue插件-50.(了解)表单校验插件】
vue尚品汇商城项目-day07【vue插件-50.(了解)表单校验插件】
17 4
|
7天前
|
JavaScript
vue尚品汇商城项目-day07【51.路由懒加载】
vue尚品汇商城项目-day07【51.路由懒加载】
18 4
|
7天前
|
JavaScript
vue尚品汇商城项目-day07【vue插件-54.(了解)生成二维码插件】
vue尚品汇商城项目-day07【vue插件-54.(了解)生成二维码插件】
18 2
|
11天前
|
JavaScript
vue项目中引入阿里图标iconfont
该文章指导如何在Vue项目中引入并使用阿里图标库Iconfont,包括图标的选取、下载配置文件及在项目中引入和使用图标的具体步骤。
|
20天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
下一篇
无影云桌面