Question

我正在尝试在Azure WebApp上托管一个简单的Nextjs应用程序，我尝试遵循一些在线教程来对其进行配置，但是没有一个能帮助我。

我正在使用Nextjs的SSR配置，并且仅创建了两个组件来在Azure托管上对其进行测试。

现在我被困在Node的服务器配置上，我试图放置一个在示例中看到的web.config文件，但似乎我的请求不是到达应用程序服务器的事件。

这是我的web.config

<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.webServer>
        <webSocket enabled="false" />
        <handlers>
            <add name="iisnode" path="app/server.js" verb="*" modules="iisnode"/>
        </handlers>

        <rewrite>
            <rules>
                <rule name="API">
                    <match url="^api(.*)$" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{SCRIPT_FILENAME}" matchType="IsFile" ignoreCase="false" negate="true" />
                        <add input="{SCRIPT_FILENAME}" matchType="IsDirectory" ignoreCase="false" negate="true" />
                    </conditions>
                    <action type="Rewrite" url="api/index.php" appendQueryString="true" />
                </rule>

                <rule name="NodeInspector" patternSyntax="ECMAScript" stopProcessing="true">
                    <match url="^app/server.js\/debug[\/]?" />
                </rule>

                <rule name="StaticContent">
                    <action type="Rewrite" url="public{REQUEST_URI}"/>
                </rule>

                <rule name="DynamicContent">
                    <conditions>
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="True"/>
                    </conditions>
                    <action type="Rewrite" url="app/server.js"/>
                </rule>
            </rules>
        </rewrite>

        <security>
            <requestFiltering>
                <hiddenSegments>
                    <remove segment="bin"/>
                </hiddenSegments>
            </requestFiltering>
        </security>

        <httpErrors existingResponse="PassThrough" />
    </system.webServer>
</configuration>

这是我的server.js

const express = require('express')
const next = require('next')
const nextConfig = require('../next.config')

const port = process.env.PORT || 8080
const dev = process.env.NODE_ENV !== 'production'
const app = next({
    dev: dev,
    dir: './app',
    conf: nextConfig
})
const handle = app.getRequestHandler()

app.prepare().then(() => {
    const server = express()

    server.get('/home', (req, res) => {
        return app.render(req, res, '/home', req.query)
    })

    server.get('*', (req, res) => {
        return handle(req, res)
    })

    server.listen(port, err => {
        if (err) throw err
            console.log(`> Ready on http://localhost:${port}`)
    })
})

如何配置Azure Web应用程序以托管Nextjs应用程序

0 个答案: