小编HoC*_*Co_的帖子

我正在尝试获取在浏览器中输入的URL,以便在我的NextJS自定义服务器中进行重定向.此错误仅在开发模式下发生,在生产模式下不发生,所以它是否正常？在devmode上做一些修改来处理它？

我试图使用pathname对象.可悲的是,当我第一次在地址栏中输入URL时,我的路径名首先返回:

/_next/static/chunks/0.js

我试过req.rawHeaders.但是直到第15次试验我的控制台才会返回任何内容

next.server.js中的req.rawHeaders路径:

next.server.js中的req.rawHeaders路径:

next.server.js中的req.rawHeaders路径:

next.server.js中的req.rawHeaders路径:

next.server.js中的req.rawHeaders路径:

next.server.js中的req.rawHeaders路径:

next.server.js中的req.rawHeaders路径:

next.server.js中的req.rawHeaders路径:

next.server.js中的req.rawHeaders路径:

next.server.js中的req.rawHeaders路径:

next.server.js中的req.rawHeaders路径:

next.server.js中的req.rawHeaders路径:

next.server.js中的req.rawHeaders路径:

next.server.js中的req.rawHeaders路径:

next.server.js中的req.rawHeaders路径:

next.server.js中的req.rawHeaders路径:/ pathTargeted //工作!但是有点迟到..

我也尝试过req.headers.referer但是,即使第一个路径返回的不是我在URL中输入的路径.

结果是我陷入了404错误.那么如何避免这种情况并始终获取在浏览器中输入的真实地址？这正是我的问题.

这里是我的reactjs片段:

import React, {Component} from "react"; 
import style from "./BlogHubTemplate.module.css";

import storeWrapper from "../../HOC/storeWrapper/storeWrapper"
import {connect} from 'react-redux';

import Router from 'next/router'


class BlogHubTemplate extends Component { 

    redirectPost = (postCategory, postTitle) => { 
        Router.replace(`/${postCategory}/${postTitle}`) 
    }

这里我的自定义next.server js:

app.prepare().then(() => {
 createServer((req, res) => {
 // Be sure to pass `true` as the second argument to `url.parse`. …

我尝试在 ReactJS 中处理多表单选择选项。我试图受到 javascript 经典代码的启发来处理这个问题，但我失败了。

我的代码只是不向我发送所选的值。怎么处理？

这是我的代码：

  class ChooseYourCharacter extends React.Component {

      constructor(props) {
        super(props);
        this.state = {value: 'coconut'};

        this.handleChange = this.handleChange.bind(this);
        this.handleSubmit = this.handleSubmit.bind(this);
      }

      handleChange(event) {
        this.setState({value: event.option});
      }

      handleSubmit(event) {
        alert('Your favorite flavor is: ' + this.state.value);
        event.preventDefault();
      }

      render() {
        return (
          <form onSubmit={this.handleSubmit}>
            <label>
              Pick your favorite La Croix flavor:
              <select multiple={true} value={this.state.value} onChange={this.handleChange}>
                <option value="grapefruit">Grapefruit</option>
                <option value="lime">Lime</option>
                <option value="coconut">Coconut</option>
                <option value="mango">Mango</option>
              </select>
            </label>
            <input type="submit" value="Submit" />
          </form>
        );
      }
    }
    ReactDOM.render( …

大家好，我目前在 Express 上工作，并在尝试打开我的 index.html 时收到此错误消息：

拒绝执行来自“ http://localhost:7500/app.bundle.js ”的脚本，因为其 MIME 类型（“text/html”）不可执行，并且启用了严格的 MIME 类型检查。- 来自本地主机/:1 -

基本上我目前尝试配置 MIME 类型，因为问题似乎来自于此。

这是我的树结构：

.\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 dist\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 app.bundle.js\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 app.bundle.js.map\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 index.html\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 ninja.json\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 picture.jpeg\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 style.css\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 test.txt\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 package.json\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 package-lock.json\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 router\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 router.js\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 server\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 server.js\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 src\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 App.jsx\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 static\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 index.html\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 tsconfig.json\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 webpack.config.js\n

HTML：

index.html\n\n<!DOCTYPE html>\n<html lang="en">\n<head>\n  <meta charset="UTF-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <meta http-equiv="X-UA-Compatible" content="ie=edge">\n  <link rel="stylesheet" href="style.css">\n  <title> React Components </title>\n\n</head>\n<body>\n\n\n      <h2> 1 </h2>\n\n  <button style="height: …

我目前尝试使用终端将项目文件夹添加到 Atom。但是我没有找到关于这个主题的任何有用的文档。

如何从终端（Atom 终端或外部终端）在 Atom 中添加项目文件夹？

Atom 编辑器，在底部我们可以看到 platformio ide 终端...

谢谢

为什么在使用表单元素时必须将e.arget.name放在方括号中？

这是我的代码：

onChange (e) {
   this.setState({ *[e.target.name]* : e.target.value});
}

(...) 
  <div>
     <label htmlFor=""> Title : </label>
     <input type="text" name="title"  onChange={this.onChange} value={this.state.title} />
  </div>
</form>

我正在将 Heroku 与 Docker 一起使用。推送我的图像时：

heroku container:release -a MyApp web 

我的控制台返回：

进程类型 web 未更新，因为它已经在运行指定的 docker 镜像

有人知道这里发生了什么吗？我从来没有在我的应用程序中推送过这个图片。

任何提示都会很棒。

我想弄清楚如何使用 Nginx 在 Heroku 应用程序上构建反向代理。问题是 Heroku 似乎每个应用程序只接受一个容器。但我的应用系统至少会使用三个容器：

• 一个用于 Nginx
• 一个用于我的应用程序前端
• 一个用于我的业务逻辑服务器

那么可以用 Heroku 做到这一点吗？我的意思是，在同一域上以某种方式或另一种方式部署多容器应用程序？这将是非常棒的。如果有人有任何提示，那就太好了。谢谢。

我正在使用 Heroku，我想知道 Heroku 在显示时的响应是什么意思：“不要忘记为应用程序的所有其他本地结帐更新 git remotes”，

任何提示都会很棒，谢谢

我正在学习SVG，我想知道是否有可能创造这样的SVG的发光效果，交互，如下面的例子-hovering触发效果- https://codepen.io/FelixRilling/pen/qzfoc

事实是，我想知道如何使光线来去去去，SVG的优点是具有更好的形状跟随效果的更精确的效果，这种优点。SVG可以做到吗？

接下来，使用HTML CSS代码

HTML：

<div id="container">

    <p><a href="https://en.wikipedia.org/wiki/Red">
        RED
    </a></p>

    <p><a href="https://en.wikipedia.org/wiki/Blue">
        BLUE
    </a></p>

    <p><a href="https://en.wikipedia.org/wiki/Yellow">
        Yellow
    </a></p>

    <p><a href="https://en.wikipedia.org/wiki/Green">
        GREEN
    </a></p>

    <p><a href="https://en.wikipedia.org/wiki/Orange_(colour)">
        ORANGE
    </a></p>

    <p><a href="https://en.wikipedia.org/wiki/Violet_(color)">
        VIOLET
    </a></p>

</div>

<div id="linkBack" style="position:absolute;right:0px;top:0px;background-color:#333;margin:0;width:60px;padding:5px"><a href="http://www.f-rilling.com/projects/" target="_blank" style="font-size:14px;text-decoration:none;color:#fff;padding:0 0 0 5px;font-family:sans-serif">My Site</a></div>

CSS：

body {
  background-color: #222222;
  background: repeating-linear-gradient(45deg, #2b2b2b 0%, #2b2b2b 10%, #222222 0%, #222222 50%) 0 / 15px 15px;
}

#container {
  width: 500px;
  margin: auto;
}

/*Neon*/
p {
  text-align: center;
  font-size: 7em;
  margin: 20px 0 …