Блог

Я работаю над развертыванием приложения SSR nuxt через azure.

Когда я бегу yarn build и yarn start локально, это работает нормально.

Конвейер правильно строится и правильно отправляет файлы.

Я копирую файл по конвейеру, а затем распаковываю их.

 mkdir server-files
          cp nuxt.config.js server-files
          cp web.config server-files
          cp yarn.lock server-files
          cp package.json server-files
          cp -r static server-files
          cp -r server server-files
          cp -r plugins server-files
          cp .env server-files
          cp -r .nuxt server-files
          cp -r api server-files
 

Однако, когда конвейер проходит, я получаю эту страницу по умолчанию и «страница не найдена» для страниц в приложении:
Страница:

Указатель:

Вот веб-конфигурация, так как это, по-видимому, основной выброс:

 <?xml version="1.0" encoding="utf-8"?>
<!--
     This configuration file is required if iisnode is used to run node processes behind
     IIS or IIS Express.  For more information, visit:

     https://github.com/tjanczuk/iisnode/blob/master/src/samples/configuration/web.config
-->

<configuration>
  <system.webServer>
    <!-- Visit https://azure.microsoft.com/en-us/blog/introduction-to-websockets-on-windows-azure-web-sites/ for more information on WebSocket support -->
    <webSocket enabled="false" />
    <handlers>
      <!-- Indicates that the server.js file is a Node.js site to be handled by the iisnode module -->
      <add name="iisnode" path="server" verb="*" modules="iisnode"/>
    </handlers>
    <rewrite>
      <rules>
        <!-- Do not interfere with requests for node-inspector debugging -->
        <rule name="NodeInspector" patternSyntax="ECMAScript" stopProcessing="true">
          <match url="^server/debug[/]?" />
        </rule>

        <!-- First we consider whether the incoming URL matches a physical file in the /public folder -->
        <rule name="StaticContent">
          <action type="Rewrite" url="public{REQUEST_URI}"/>
        </rule>

        <!-- All other URLs are mapped to the Node.js site entry point -->
        <rule name="DynamicContent">
          <conditions>
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="True"/>
          </conditions>
          <action type="Rewrite" url="server"/>
        </rule>
      </rules>
    </rewrite>

    <!-- 'bin' directory has no special meaning in Node.js and apps can be placed in it -->
    <security>
      <requestFiltering>
        <hiddenSegments>
          <remove segment="bin"/>
        </hiddenSegments>
      </requestFiltering>
    </security>

    <!-- Make sure error responses are left untouched -->
    <httpErrors existingResponse="PassThrough" />

    <!--
      You can control how Node is hosted within IIS using the following options:
        * watchedFiles: semi-colon separated list of files that will be watched for changes to restart the server
        * node_env: will be propagated to node as NODE_ENV environment variable
        * debuggingEnabled - controls whether the built-in debugger is enabled

      See https://github.com/tjanczuk/iisnode/blob/master/src/samples/configuration/web.config for a full list of options
    -->
    <iisnode node_env="development" watchedFiles="web.config;*.js"/>
  </system.webServer>
</configuration>
 

Отредактируйте для получения дополнительной информации:
Затем я устанавливаю пакеты сервера на сервер. IIS запускает команду «Пуск» при обновлении .js (web.config включен выше).

Если вы хотите использовать vue.js в IIS, я думаю, вам нужно проверить, добавили ли вы для него mimeTyhpe.

Вы также можете добавить его в свой web.config файл:

 <configuration>
 <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".vue" mimeType="application/javascript"/>
    </staticContent>
  </system.webServer>
</configuration>
 

Проблема была связана с тем, как запускался Nuxt.

После тестирования, запустив так, как это делает IIS: node server

Я понял это, когда скопировал server/index.js отсюда (https://github.com/nuxt/nuxt.js/issues/5549#issuecomment-493730227), я неправильно изменил условие.

config.dev = !(process.env.NODE_ENV === 'production')

Поскольку я использую несколько сред, это необходимо было изменить на

config.dev = process.env.NODE_ENV.toUpperCase === 'LOCAL'

Надеюсь, это поможет всем, кто найдет это

Примечание. В документах nuxt используется более новый процесс для server/index.js, но ему требовалась nuxt-start установка, и исДев бросал неопределенное. https://nuxtjs.org/docs/2.x/deployment/deployment-azure-portal