小编Gui*_*eRZ的帖子

如何使用Axios发布查询参数?

我试图在API上发布一些查询参数.当我尝试将mail和firstname作为查询参数传递时,这正在处理PostMan/Insomnia:

 http://localhost:8000/api/mails/users/sendVerificationMail?mail=lol%40lol.com&firstname=myFirstName
Run Code Online (Sandbox Code Playgroud)

但是,当我尝试使用我的本机应用程序时,我收到400错误(无效的查询参数).

这是post方法:

.post(`/mails/users/sendVerificationMail`, {
  mail,
  firstname
})
.then(response => response.status)
.catch(err => console.warn(err));
Run Code Online (Sandbox Code Playgroud)

(我的邮件和名字是console.log如下:lol@lol.commyFirstName).

所以我不知道如何在我的请求中使用Axios传递查询参数(因为现在,它正在通过data: { mail: "lol@lol.com", firstname: "myFirstName" }.

谢谢您的帮助.

javascript mysql post axios

21
推荐指数
3
解决办法
3万
查看次数

axios和android模拟器的网络错误

我有一个React-Native应用程序使用NodeJS后端,它提供API.

我的React-Native前端正在使用Expo和Axios来点击我的NodeJS API路径(使用Hapi,Joi,Knex),这将(例如)更新我的数据库(MySQL).

一切都适用于我的iOS模拟器.但是,在Android模拟器上,我的一些路由""的命中不起作用"",并出现以下错误消息:( Network Error - node_modules/axios/lib/core/createError.js:16:24 in createError实际上,它有效,但前端没有检测到它......)

这很奇怪,因为就像我说的那样,这只适用于我的一些路线.我更改了http://localhost:8000/apihttp://10.0.2.2:8000/api确保Android模拟器访问我的API,这部分也没问题.

有缺陷的路线在iOS上正常工作,并且在Insomnia/Postman(localhost:8000/api/sendMail)上正常工作.它正在Android Emulator上工作,但应用程序没有检测到它.

这是我的代码示例:

FRONT - 按下我的按钮"SendEmail":

/* Button.js */
const sendAndEmailPromise = await sendEmail(this.state.email);

console.log(sendAndEmailPromise); // Output : NOTHING (not undefined, not null, N O T H I N G).

if (sendAndEmailPromise.status === 200) {
    // handle it
} else (sendAndEmailPromise.status === 403) {
    // etc. for each of my codeStatus that can be returned by my API 
}

/* MyAPI.js */ …
Run Code Online (Sandbox Code Playgroud)

react-native axios react-native-android expo

9
推荐指数
1
解决办法
4231
查看次数

将自定义图标添加到抽屉导航

我正在尝试向我的 CustomDrawerComponent 添加自定义图标,但没有任何反应......

应用程序.js:

const navigationOptions = {
  headerTintColor: colors.white,
};

const drawerNavigationOption = ({ navigation }) => ({
  ...navigationOptions,
  headerLeft: (
    <TouchableOpacity onPress={() => navigation.toggleDrawer()}>
      <View>
        <Icon name="menu" size={24} color={colors.white} />
      </View>
    </TouchableOpacity>
  ),
});

const MapsStackNavigator = createStackNavigator({
  MapsNavigator: {
    screen: MapsScreen,
    navigationOptions: drawerNavigationOption,
  },
});

const AppDrawerNavigator = createDrawerNavigator(
  {
    Plans: MapsStackNavigator,
  },
  {
    contentComponent: CustomDrawerMenu,
    contentOptions: {
      inactiveTintColor: colors.doveGrey,
      activeTintColor: colors.doveGrey,
    },
  }
);
Run Code Online (Sandbox Code Playgroud)

我的 CustomDrawerMenu.js :

export default class CustomDrawerMenu extends Component {
  render() { …
Run Code Online (Sandbox Code Playgroud)

navigation-drawer react-native react-navigation

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

Android 设备无法被 ADB 识别,USB Debug 闪烁(Mi 11 Lite 5G)

我在通过 USB 调试将 Android 设备连接到 MacBook Pro 时遇到问题。ADB 部分检测到闪烁USB Debugging Popup.

信息:我尝试更换 USB 电缆、适配器,并将设备重置为出厂参数,同样的问题。我尝试使用另一部 Android 手机(华为 P20 PRO),一切正常。

所以。我有一个Mi 11 Lite 5G用于开发目的,这里是规格:

  • Android Version : 11 RKQ1.201112.002
  • MIUI Version : MIUI Global 12.5.6(RKIEUXM) Stable
  • Developper options : Activated
  • USB Debug : Activated
  • MIUI Optimisation : Desactivated
  • Reset to factory parameters

当通过 USB 电缆连接到我的 MacBook Pro 并输入后adb devices开始闪烁“USB 调试弹出窗口”(这里是视频: https: //youtu.be/Jcn3Atfi7tU)。如果我没有运行adb devices命令,它不会闪烁。如果我玩,它就会停止闪烁adb kill-server(但是,一旦我单击设备,它就会重新启动)。

在我的 MacBook Pro 上,命令:adb devices未连接任何设备。这是亚行的版本: …

android adb usb-debugging android-studio xiaomi

6
推荐指数
1
解决办法
1689
查看次数

如何从 React props 传递到 sass 变量?

我正在使用 React 和 SASS,我有一个立方体组件,我想用动态宽度渲染它。但是,我在 .scss 中按此宽度进行操作。有一个例子。

我的组件:

<Cube style={{ width: '100px' }} />
<Cube style={{ width: '70px' }} />
<Cube style={{ width: '20px' }} />
Run Code Online (Sandbox Code Playgroud)

我的风格.scss:

$cubeWidth: 150px;
$cubeHeight: $cubeWidth;
#cube {
      width: $cubeWidth;
      height: $cubeHeight;
}

// In this cube, I have -of course- 6 faces, and I operate in my style.scss:

.cubeFace1 {
     transform: translateZ($cubeWidth / 2);
}
... etc
Run Code Online (Sandbox Code Playgroud)

如何使我的 $cubeWidth 等于我的动态宽度?此外,.scss 被加载到 index.js 中,如下所示:

// React index.js

import './css/style.scss';

render(<Router />, document.getElementById('root'));
Run Code Online (Sandbox Code Playgroud)

谢谢 !

javascript css frontend sass reactjs

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

AWS 系统管理器 + CodeDeploy + Lightsail

我想在我的 CodeDeploy 管道中使用 AWS 系统管理器存储参数,删除我对 Lightsail 的最后一次提交。

? 1. 我创建了一个 SSM 参数:MySecureString

参数被设定在SecureString与KMS加密集合上Actual accountalias/aws/ssm作为ID。

SecureString的设置为:postgres://user:password@endpoint.rds.amazonaws.com:5432/myDatabase

? 2. 我创建了一个供 CodeDeploy 实例使用的 IAM 策略

前往 IAM 并创建了一个附加到的 JSON 策略MySpecificCodeDeployUser

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "VisualEditor0",
            "Effect": "Allow",
            "Action": [
                "kms:Decrypt",
                "ssm:GetParameter"
            ],
            "Resource": [
                "arn:aws:kms:*:<accountID>:key/alias/aws/ssm",
                "arn:aws:ssm:us-east-1:<accountID>:parameter/MySecureString"
            ]
        }
    ]
}
Run Code Online (Sandbox Code Playgroud)

? 3.测试MySpecificFCodeDeployUser访问SSM MySecureString

键入aws configure以登录MySpecificFCodeDeployUser并尝试在我的本地计算机上运行此命令:

aws --region=us-east-1 ssm get-parameter --name …
Run Code Online (Sandbox Code Playgroud)

amazon-web-services aws-code-deploy amazon-kms amazon-lightsail aws-systems-manager

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

用水平滚动香草 javascript 替换垂直滚动

我想在 Vanilla JavaScript 中禁用垂直滚动并将其替换为水平滚动。当我尝试替换滚动值时被阻止。我相信有一个简单的(非常简单的)解决方案!

/* We define our function  */
function replaceVerticalScrollByHorizontal() {
  let scrollX = window.scrollX; /* Horizontal ?? */
  let scrollY = window.scrollY; /* Vertical ?? */
  console.log({scrollX, scrollY});

  if (scrollY !== 0) {
    /* If there is a changement in verticalScroll  ?? */
    const tempScrollY = scrollY; /* We create a temporary var to stock our scrollY value */
    scrollX = scrollY; /* Horizontal = Vertical */
    scrollY = 0; /* We reset the vertical because we …
Run Code Online (Sandbox Code Playgroud)

javascript scroll horizontal-scrolling vertical-scrolling

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

React-Native 中边框半径图像的自定义形状

我想在我的组件(边框底部)中重现该样式。我基本上加载一个矩形图像,然后我想在底部将其圆角化。

在此输入图像描述

我想想 :

  • border-bottom-right-radius 和 left,但与屏幕的自定义形状不准确。
  • 变换scaleX,但它缩放图像比例(显然)
  • 创建具有自定义形状的白色图像并将其加载到屏幕底部,但我想在图像底部添加阴影...使用白色图像我无法做到这一点...

有没有办法用 React-Native 以正确的方式做到这一点?

谢谢 !

css react-native styled-components

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