Question

我已经将Reactjs应用程序构建部署到控制面板中。主页工作正常，但是当我单击“关于”或其他页面时

显示错误404。但是当我使用npm start运行应用程序时，它运行正常。请帮忙。

guessLetter

render（）{ 返回（

import React, { Component } from 'react';

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

import Navigation from '../includes/Navbar.';

import Home from './pages/Home';

import About from './pages/About';

import Services from './pages/Services';

import Projects from './pages/Projects';

import Gallery from './pages/Gallery';

import Contact from './pages/Contact';







class App extends Component {

} }

code image error image

Answer 1

我了解您正在使用.net为您提供响应SPA应用程序。

因此，您需要将此配置作为web.config文件添加到.net应用程序中，以支持SPA应用程序。

<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="SPA" stopProcessing="true">
          <match url="^(?!.*(.js|.css|.png|.jpg|.ico|.svg)).*$" />
          <conditions logicalGrouping="MatchAll">
          </conditions>
          <action type="Rewrite" url="/"  appendQueryString="true" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

有关更多信息，您可以阅读此博客文章：

https://medium.com/medialesson/best-way-to-host-a-single-page-application-spa-in-microsoft-azure-3e70cbd075c3

React.js应用程序部署问题

1 个答案: