缺少服务器的 Azure vue 问题。js/app.js？

Question

我是网络开发的新手，我尝试将我的 vue 应用程序上传到 azure 网络应用程序服务，但我遇到了一些问题

所以当我尝试打开网页时它说

"You do not have permission to view this directory or page."

我一直在尝试遵循一些关于 web.config 文件的指南，当我添加它时，消息消失了，但现在它什么也没显示。然后当我尝试上传我的代码时，我试着查看我的输出，这里它说

missing server.js/app.js

我的应用程序文件是一个 vue 文件，但我真的不知道如何解决这个问题，它也不位于根目录中，而是位于 src 文件夹中

我将 Web 配置文件添加到 public 文件夹

<configuration>
  <system.webServer>
    
    <!-- indicates that the index.js file is a node.js application 
    to be handled by the iisnode module -->
    
    <handlers>
      <add name="iisnode" path="index.js" verb="*" modules="iisnode" />
    </handlers>
    
    <!-- adds index.js to the default document list to allow 
    URLs that only specify the application root location, 
    e.g. http://mysite.antarescloud.com/ -->
    
    <defaultDocument enabled="true">
      <files>
        <add value="index.js" />
      </files>
    </defaultDocument>
    
  </system.webServer>
</configuration>

Answer 1

用下面的代码片段替换 web.config = > <system.webServer>

<system.webServer>    
    <!-- indicates that the index.js file is a node.js application 
 to be handled by the iisnode module -->    
    <handlers>
      <add name="iisnode" path="index.js" verb="*" modules="iisnode" />
    </handlers>    
    <!-- adds index.js to the default document list to allow 
 URLs that only specify the application root location, 
 e.g. http://mysite.antarescloud.com/ -->    
    <defaultDocument enabled="true">
      <files>
        <add value="index.js" />
      </files>
    </defaultDocument> 

<staticContent>
    <mimeMap  fileExtension="woff"  mimeType="application/font-woff" />
    <mimeMap  fileExtension="woff2"  mimeType="application/font-woff" />
</staticContent>

<rewrite>
    <rules>
        <rule  name="Handle History Mode and custom 404/500"  stopProcessing="true">
            <match  url="(.*)" />
            <conditions  logicalGrouping="MatchAll">
            <add  input="{REQUEST_FILENAME}"  matchType="IsFile"  negate="true" />
            <add  input="{REQUEST_FILENAME}"  matchType="IsDirectory"  negate="true" />
            </conditions>
            <action  type="Rewrite"  url="index.html" />
        </rule>
    </rules>
</rewrite>

<httpErrors>
    <remove  statusCode="404"  subStatusCode="-1"  />
    <remove  statusCode="500"  subStatusCode="-1"  />
    <error  statusCode="404"  path="/survey/notfound"  responseMode="ExecuteURL"  />
    <error  statusCode="500"  path="/survey/error"  responseMode="ExecuteURL"  />
</httpErrors>

<modules  runAllManagedModulesForAllRequests="true"/>
</system.webServer>

public 文件夹中的任何内容都会立即复制到 Vue CLI 创建的项目（默认为 dist）的构建输出目录中。
确保 web.config 在 dist 根文件夹中。
转到 Azure 门户，您的 Web 应用程序 => 高级工具 => KUDU - 调试控制台 => CMD => 站点 => wwwroot ，检查 web.config 文件是否存在。
在 Azure Web App 配置设置中指定默认文档。

如果 /home/site/wwwroot 文件夹中有任何文件，请检查您的应用程序设置。如果不是，这可能是问题的根源。如果是这种情况，请转到应用服务的设置并在配置 > 路径映射下查找“虚拟应用程序和目录”。 “/”应该是你的虚拟路径，“site/wwwroot/”应该是你的物理路径。将您的物理路径更改为“site/wwwroot/'appname'”，其中“appname”是您应用程序的名称。或者，它应该是您的“dist.”中包含的任何文件夹。

缺少服务器的 Azure vue 问题。js/app.js？

Azure vue issuse with missing server.js/app.js?

azure

vue.js

azure-web-app-service