本文主要是介绍【Azure 应用服务】FTP 部署 Vue 生成的静态文件至 Linux App Service 后，访问App Service URL依旧显示Azure默认页面问题，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

问题描述

将 JS项目打包为静态文件后，通过 FTP 上传到 App Service For Linux 的 /home/site/wwwroot文件夹中。但打开App Service URL 后依旧显示 Azure 默认页面 (Hey, xxx developers! 欢迎页面)。

是否可以修改默认的启动页面也？类似于在App Service for Windows中的Default Document设置呢？ 如何让index.html文件在Linux中生效作为启动页面？

问题解决

在Windows环境中，Default Documents(默认文档)是针对于IIS 服务器而设计的。Linux 环境使用的nginx 服务器这个是没有这个功能的，所以需要通过 Startup Command 进行指定。

操作步骤：

1. 在Linux的Configuration页面的Startup Command中，设置启动命令：pm2 serve /home/site/wwwroot --no-daemon 
2. 注意：NodeJS Version需修改为 12

效果展示：

附录一：在Nginx中启用反向代理的简单配置

在Nginx.conf文件中添加如下内容：

server {
        listen       80;
        server_name  www.microsoft.com;

        location / {
            proxy_pass http://127.0.0.1:8080;
            index  index.html;
        }
    }
    

1. listen：表示监听80端口
2. server_name: 表示当访问的服务是www.microsoft.com时
3. location / ：表示是www.microsoft.com下的所有路径请求时，都反向代理到http://127.0.0.18080，访问的首页为index.html。

参考资料

为 Azure 应用服务配置 Node.js 应用：https://docs.azure.cn/zh-cn/app-service/configure-language-nodejs?pivots=platform-linux#run-with-pm2

nginx 反向代理：https://www.cnblogs.com/ysocean/p/9392908.html

这篇关于【Azure 应用服务】FTP 部署 Vue 生成的静态文件至 Linux App Service 后，访问App Service URL依旧显示Azure默认页面问题的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！