小编nux*_*xer的帖子

我已经被困在这个问题上好几天了，我需要互联网的帮助。

我为我的 React 应用程序创建了一个静态 HTML 登陆页面项目（这两个项目是分开的），我希望使用 Nginx 为这两个项目提供服务。我的登陆页面项目有自己的目录结构和资产，如下所示：

/homepage
--index.html
--contact.html
--about-us.html
  /static
   --css files, imgs, ect

我的 React 应用程序是一个 Create React 应用程序，据我所知，在您运行 npm build 后，它会为您提供一个文件夹，build其中包含正确捆绑的所有项目文件，以便您可以部署它。现在我有两个目录，我需要为网站提供服务，但是我很难使用 Nginx 这样做。

我希望我的登陆页面位于 / 所以www.example.com和www.example.com/contact等将导致我的登陆页面项目，然后是www.example.com/app和www.example.com/ app/login等会导致我的反应项目。

我的 Nginx 配置如下所示：

# redirect to https
server {
  listen        80;

  server_name   _;

  return 301 https://$host$request_uri;
}

server{
    listen 443 ssl;
    ssl_certificate /etc/nginx/certs/localhost.pem;
    ssl_certificate_key /etc/nginx/certs/localhost-key.pem;
    proxy_cookie_path / "/; HTTPOnly; Secure";

    location / {
        root /usr/share/nginx/html/homepage/;
        try_files  $uri.html $uri …

您好，我有一个静态 html 登陆页面，它有自己的 css、静态资源，并链接到其他几个静态页面。所以整个迷你项目都有自己的index.html、about-us.html、contact.html等。此外，我还通过CRA构建了一个React应用程序，其中我有一个非常酷的仪表板，现在我想将两者结合起来我的网站的入口点是登陆页面，然后当您转到 /dashboard 路径时，这是我的反应应用程序我怎样才能实现这一点？

因此，我的静态登陆页面项目的项目结构如下所示：

/homepage
--index.html
--contact.html
--about-us.html
--/static
----css files, imgs, ect

我的 React 项目使用 React 路由器，因此我在路径 /dashboard 处有一个功能齐全的 React 项目

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import * as serviceWorker from "./serviceWorker";
import { Route, BrowserRouter as Router, Switch } from "react-router-dom";
import Login from "./components/Login/Login";
import Dashboard from "./components/Dashboard";
import SignupPage from "./components/Signup/SignupPage";

const App = (
  <Router>
    <Switch>
      <Route exact path="/login" component={Login} />
      <Route exact path="/signup" component={SignupPage} />
      <PrivateRoute …

嗨，当我尝试在 Typescript 中使用扩展运算符时遇到了问题。

我有函数，其中useFormikContext()和useField()函数来自 Formik 的库。//@ts-ignore但是，当我添加一切都按预期运行时，如果没有该行，我会收到一个错误：

const DatePickerField = ({ ...props }) => {
  const { setFieldValue } = useFormikContext();
  //@ts-ignore
  const [field] = useField(props);
  return (
    <DatePicker
      {...field}
      {...props}
      selected={(field.value && new Date(field.value)) || null}
      onChange={(val) => {
        setFieldValue(field.name, val);
      }}
    />
  );
};

Argument of type '{ [x: string]: any; }' is not assignable to parameter of type 'string | (ClassAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLInputElement> & FieldConfig<any>) | (ClassAttributes<...> & ... 1 more ... …

我像这样标记了一个 Kubernetes 命名空间：

kubectl label namespace kube-system name=kube-system

我如何摆脱这个标签？