小编Lia*_*iam的帖子

Axios:获得两个请求选项和POST

我有一个使用Redux和React构建的React应用程序我正在尝试发布数据.一切工作正常,但我不知道为什么我得到两个请求OPTIONS:POST

也许是因为API URL与react不在同一台服务器上.

POST: 在此输入图像描述

选项: 在此输入图像描述

这是代码:

const url = 'http://rest.learncode.academy/api/johnbob/myusers';

export function postUsers(username, password) {
    let users = {
        username,
        password,
    };
    return{
        type: "USERS_POST",
        payload: axios({
            method:'post',
            url:url,
            data: users,
        })
            .then(function (response) {
                console.log(response);
            })
            .catch(function (error) {
                console.log(error);
            })
    }
}
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux react-redux axios

13
推荐指数
1
解决办法
2万
查看次数

当应用程序处于后台时,React Native 处理套接字连接的事件?

我正在使用 React Native 开发聊天应用程序,并且WebSocket在活动模式下一切正常,但是当您按下主页按钮使应用程序处于后台模式时,WebSocket不会触发 onMessage 事件功能

好消息是WebSocket连接仍然连接但未触发事件功能。

我只想在后台模式下收到消息时推送通知。

我做了一项研究,发现我需要始终运行无声的背景音轨(有人说这是非法的方式)。

是否有合法的 API 可以在后台保持连接活跃?

后台模式需要重新连接socket连接吗

我的代码

events = (data) =>{

    if(data[0].message){
          if(this.state.appState !== 'active'){
             console.log('check here') // not working when the app in background mode
              PushNotification.localNotification({// not working when the app in background mode
                    message: data[0].message, 
                    number: 1,
                    title: 'a new message from: '+data[0].username,

                });
            }else{
                this.setState({messages: data[0]})
            }
    }
}


socketConnect = () =>{
        AsyncStorage.getItem('token').then((token) => {
        let connection = new wamp.Connection({ url: 'wss://*******/',
            realm: …
Run Code Online (Sandbox Code Playgroud)

android websocket ios react-native react-native-push-notification

8
推荐指数
1
解决办法
5658
查看次数

如何在 JetBrains 中使用主题

我的眼球因亮度而流血有没有办法在 JetBrains (IntelliJ IDEA、PhpStorm、WebStorm、PyCharm、Android Studio)中获得一个看起来不错或需要数小时配置的黑暗主题?

我下载了一个主题,但是当我尝试将其导入 JetBrains 时,我收到一条错误消息

“导入失败:主题不是有效的方案”

在此处输入图片说明

当前主题

在此处输入图片说明

提前致谢。

intellij-idea pycharm phpstorm webstorm

6
推荐指数
2
解决办法
5873
查看次数

CORS 错误仅与 400 个错误请求反应获取请求

我正在尝试'POST'在反应中提出请求,但我遇到了一些关于 CORS 的问题。我只是按照控制台所说的并在服务器端[PHP]和客户端修复它们,当状态为 200 时一切正常,但是当状态为 400 时它显示

登录:1 无法加载http://192.168.0.102/API/:请求的资源上不存在“Access-Control-Allow-Origin”标头。因此,不允许访问Origin ' http://localhost:3000 '。响应具有 HTTP 状态代码 400。如果不透明响应满足您的需求,请将请求的模式设置为“no-cors”以在禁用 CORS 的情况下获取资源。

我试图添加,mode: 'no-cors'但它显示不起作用

Uncaught (in promise) SyntaxError: Unexpected end of input

服务器端“PHP Slimframework”标头:

$app->add(function ($req, $res, $next) {
    $response = $next($req, $res);
    return $response
        ->withHeader('Access-Control-Allow-Origin', 'http://localhost:3000')
        ->withHeader('Origin', 'http://localhost:3000')
        ->withHeader('Access-Control-Allow-Headers', 'Origin, Content-Type, Accept, X-Auth-Token')
        ->withHeader('Access-Control-Allow-Credentials', 'true')
        ->withHeader('Access-Control-Request-Headers', 'Origin, X-Custom-Header, X-Requested-With, Authorization, Content-Type, Accept')
        ->withHeader('Access-Control-Expose-Headers', 'Content-Length, X-Kuma-Revision')
        ->withHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, …
Run Code Online (Sandbox Code Playgroud)

javascript php slim cors reactjs

6
推荐指数
2
解决办法
2万
查看次数

单击显示叠加层的 HTML 按钮

我试图在单击按钮时显示整页的叠加层。我打算在内容 div 中添加一个 iframe 以进行弹出。这是我的 HTML:

和 CSS 来显示和隐藏叠加层:

.box {
  width: 20%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid blue;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: blue;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: …
Run Code Online (Sandbox Code Playgroud)

html css

5
推荐指数
1
解决办法
6176
查看次数

如何在反应中在 jsx 文件中导入外部 css?

我必须在外部添加 css 文件。尝试使用代码导入“./Login.css”;它位于基本路径中。无法获取文件,导致错误如下。

您可能需要一个合适的加载器来处理这种文件类型。

.Login {
         padding: 60px 0;
}
Run Code Online (Sandbox Code Playgroud)

我也更新了 webpack 配置。

网络包配置:

var config = {
   entry: './main.js',

   output: {
      path:'/',
      filename: 'index.js',
   },

   devServer: {
      inline: true,
      port: 8080
   },

   module: {
      loaders: [
      {
      test: /\.css$/,  
      include: /node_modules/,  
      loaders: ['style-loader', 'css-loader'],
 },
         {
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loader: 'babel-loader',

            query: {
               presets: ['es2015', 'react']
            }
         }
      ]
   }
}

module.exports = config;
Run Code Online (Sandbox Code Playgroud)

在 JSX 文件中:

import React from 'react';
import { Button, FormGroup, FormControl, ControlLabel } …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs webpack

5
推荐指数
1
解决办法
1万
查看次数

Logitech脚本结合击键和鼠标点击

当我用鼠标左键同时按住左键控制键时,我正在尝试制作一个反复点击鼠标左键的脚本

这是我到目前为止:

function OnEvent(event, arg, family)
  OutputLogMessage("clicked event = %s, arg = %s\n", event, arg);
 if event == "MOUSE_BUTTON_PRESSED" and arg == 1 and Ctrl_Down == 1 then
      repeat
      PressMouseButton(1) //repeat while the left mouse button down
      until not PressMouseButton(1)
     else ReleaseMouseButton(3) //stop the repating on left mouse button up
  end

end  
Run Code Online (Sandbox Code Playgroud)

请注意,这是我第一次查看此类编码,因为非常感谢任何帮助

lua logitech logitech-gaming-software

5
推荐指数
1
解决办法
1616
查看次数