相关疑难解决方法(0)

我将React网站build/文件夹部署到AWS S3存储桶中.

如果我去www.mywebsite.com,它可以工作,如果我点击a标签去项目和关于页面,它会引导我到正确的页面.但是,如果我复制并发送页面网址或直接转到类似的链接:www.mywebsite.com/projects,则返回404.

这是我的App.js代码:

const App = () => (
    <Router>
        <div>
            <NavBar/>
            <Switch>
                <Route exact path="/" component={Home}/>
                <Route exact path="/projects" component={Projects}/>
                <Route exact path="/about" component={About}/>
                <Route component={NoMatch}/>
            </Switch>
        </div>
    </Router>
);

我已将一个简单的 React 应用程序部署到 azure 应用程序服务，但它无法启动：

如何让应用程序运行 index.html？

我正在尝试将我的 NEXTJS 应用程序部署到 azure。我创建了一个包含安装了 Node 的 linux 操作系统的 web 应用程序。我的package.json看起来像这样。

{
  "name": "frontend",
  "version": "1.0.0",
  "description": "This package contains all necessary depenencies for frontned",
  "main": "index.js",
  "scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start -p $PORT",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "masnad",
  "license": "ISC",
  "dependencies": {
    "@zeit/next-css": "^1.0.1",
    "next": "^8.0.3",
    "react": "^16.8.3",
    "react-dom": "^16.8.3"
  }
}

我首先创建了一个空的 web 应用程序，然后使用了部署服务 kudu，我将我的代码从本地推送到了 azure。

推送到 azure 时的 git 日志如下所示

remote: ..............................................................
remote: npm …

我已经使用 ReactJs 开发了一个关于 PWA（渐进式 Web 应用程序）的 PoC，以展示如何使用来自浏览器 API 的相机、地理定位、麦克风、光传感器等。

我为这个 Web 应用程序中的每个功能创建了一个路由，并且在 localhost 中一切正常。但是，当我在Azure Wep App Linux 服务上部署React 应用程序的 npm 构建版本时，它无法正常工作。我可以访问主页 (index.html)，然后我可以导航到任何其他页面，但是当我尝试直接从其 url 访问任何路由时，我收到 404 错误。除了索引页面之外，所有 url 在手动刷新或写入时都不起作用。

例如：
https : //pwa.mypoc.dev/——工作正常
https://pwa.mypoc.dev/lights—— 不工作

我在天蓝色的“设置”>“常规设置”>“启动命令”上使用了这个命令：

pm2 serve /home/site/wwwroot/build --no-daemon

我发现了一个与之相关的问题，但答案对我没有帮助，因为我没有使用web.config它，因为它是一台运行 Node 10 LTS的Linux 机器： React App not started in azure app service