小编dav*_*esp的帖子

我正在配置一个NGINX Reverse Proxy.

在浏览器上我去：
客户端网址： https : //www.hollywood.com

那么上面的网页需要做的请求是：
server url: https://server.hollywood.com/api/auth/login

这是对应的配置server.hollywood.com：

server {
    listen 443 ssl;
    server_name             server.hollywood.com;
    # add_header 'Access-Control-Allow-Origin' "https://www.hollywood.com" always;
    add_header 'Access-Control-Allow-Credentials' 'true' always;
    add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
    add_header 'Access-Control-Allow-Headers' 'Accept,Authorization,Cache-Control,Content-Type,DNT,If-Modified-Since,Keep-Alive,Origin,User-Agent,X-Requested-With' always;
    ssl_certificate         ../ssl/lets-encrypt/hollywood.com.crt;
    ssl_certificate_key     ../ssl/lets-encrypt/hollywood.com.key;
    location /
    {
        proxy_pass http://localhost:9201;
        include "../proxy_params.conf";
    }
}

实验一：

Access-Control-Allow-Origin注释掉该行后，当我访问：
客户端网址： https : //www.hollywood.com

我在浏览器控制台上收到以下错误（在我的例子中是 Chrome）：

POST https://server.hollywood.com/api/auth/login/local 502 (Bad Gateway)
(index):1 Failed to load https://server.hollywood.com/api/auth/login/local: No 'Access-Control-Allow-Origin' header …

我正在阅读本教程：https :
//angular.io/tutorial/toh-pt6#error-handling

我无法完全理解error-handling函数：handleError.

该函数用于此代码片段：

/** GET heroes from the server */
getHeroes (): Observable<Hero[]> {
  return this.http.get<Hero[]>(this.heroesUrl)
    .pipe(
      tap(heroes => this.log(`fetched heroes`)),
      catchError(this.handleError('getHeroes', []))
    );
}

这是handleError功能：

/**
 * Handle Http operation that failed.
 * Let the app continue.
 * @param operation - name of the operation that failed
 * @param result - optional value to return as the observable result
 */
private handleError<T> (operation = 'operation', result?: T) {
  return (error: …

我有一项gulp任务负责使用mocha.

gulp.task('test', ['cls'], () => {
    execout('mocha -r ts-node/register --timeout 999999 --colors test/*.test.ts');
});

我的问题是，如您所见，有些灰线很难看到：

我的问题是，我怎样才能改变这种颜色？

我成功地尝试了这里推荐的内容（它有效）：
https : //github.com/mochajs/mocha/issues/802#issuecomment-18254298）：

$ gulp test > >(perl -pe 's/\x1b\[90m/\x1b[92m/g') 2> >(perl -pe 's/\x1b\[90m/\x1b[92m/g' 1>&2)

但我不喜欢那样，因为我不想每次运行该命令时都在命令行上写下所有内容。

然后我尝试将所有这些移动到gulp任务内部，如下所示：

gulp.task('test', ['cls'], () => {
    execout("mocha -r ts-node/register --timeout 999999 --colors test/*.test.ts > >(perl -pe 's/\x1b\[90m/\x1b[92m/g') 2> >(perl -pe 's/\x1b\[90m/\x1b[92m/g' 1>&2)");
});

但是后来我在终端上收到以下错误。

ERR: > was unexpected at this time.

另一方面，这里还有另一个建议/方法，但我不知道如何使用它：

https://github.com/mochajs/mocha/issues/1200#issuecomment-62780003

关于如何修改难以阅读的灰线颜色的任何想法？

谢谢！

我下载了以下项目并将其导入到Visual Studio Code：

https://github.com/oktadeveloper/okta-spring-boot-2-angular-5-example

调用以下课程时，我在以下课程上遇到了问题：car.getName()。

https://github.com/oktadeveloper/okta-spring-boot-2-angular-5-example/blob/d5c959162ed0f862a5dceb93f5957f92e052e06e062/server/src/main/java/com/okta/developer/demo/CoolCarController.java

内容是：

CoolCarController.java

package com.okta.developer.demo;

import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.Collection;
import java.util.stream.Collectors;

@RestController
class CoolCarController {
    private CarRepository repository;

    public CoolCarController(CarRepository repository) {
        this.repository = repository;
    }

    @GetMapping("/cool-cars")
    @CrossOrigin(origins = "http://localhost:4200")
    public Collection<Car> coolCars() {
        return repository.findAll().stream()
                .filter(this::isCool)
                .collect(Collectors.toList());
    }

    private boolean isCool(Car car) {
        return !car.getName().equals("AMC Gremlin") &&
                !car.getName().equals("Triumph Stag") &&
                !car.getName().equals("Ford Pinto") &&
                !car.getName().equals("Yugo GV");
    }
}

这也是以下内容：

汽车.java

package com.okta.developer.demo;

import lombok.*;

import javax.persistence.Id;
import …

我将以下React Native项目导入到VS Code.

https://github.com/callstack/react-native-paper/tree/master/example

然后，在以下文件的第 15 行：

https://github.com/callstack/react-native-paper/blob/master/example/src/CardExample.js#L15

我添加了（只是试验）这一行：

import { StatusBar, I18nManager, AsyncStorage } from 'react-native';

正如您在下面的代码中看到的：

/* @flow */

import * as React from 'react';
import { Alert, ScrollView, StyleSheet } from 'react-native';
import {
    Title,
    Caption,
    Paragraph,
    Card,
    Button,
    withTheme,
    type Theme,
} from 'react-native-paper';

import { StatusBar, I18nManager, AsyncStorage } from 'react-native';

type Props = {
    theme: Theme,
};

class CardExample extends React.Component<Props> {
    static title = 'Card';

    render() {
        const { …

我想React Native同时使用side menu和设置一个应用tab menu。

我正在关注本教程。

我的密码。

我得到错误：

未定义不是函数（'...（0，_reactNavigation.TabNavigator）...'附近）

您可以在这里看到：

预览一些文件：

App.js

import React from 'react';
import { Drawer } from './src/navigators';

export default class App extends React.Component {
  render() {
    return (
      <Drawer />
    );
  }
}

navigators.js

import React, { Component } from 'react';
import {
  StyleSheet,
  Text,
  View
} from 'react-native';

// Navigators
import { DrawerNavigator, StackNavigator, TabNavigator } from 'react-navigation'

// StackNavigator screens
import ItemList from './ItemList'
import …

我跟着这个教程：

https://blog.pusher.com/react-laravel-application/

我做了两个部分：Backend和Frontend。

当我运行应用程序时（在编译Frontendwith: 之后$ npm run dev），我运行了Laravel应用程序：$ php artisan serve。

使用该应用程序，我能够创建一个Project，但是在尝试创建一个新的时，Task我500 Internal Server Error从API( Backend) 中获得了一个，如下所示：

正如你所看到的，上面的图片，请求的路线是：/api/tasks（POST法）。

存档：/routes/api.php我有以下内容：

<?php
Route::get('projects', 'ProjectController@index');
Route::post('projects', 'ProjectController@store');
Route::get('projects/{id}', 'ProjectController@show');
Route::put('projects/{project}', 'ProjectController@markAsCompleted');
Route::post('tasks', 'TaskController@store');
Route::put('tasks/{task}', 'TaskController@markAsCompleted');
?>

存档：app/Http/Controllers/TaskController.php我有以下内容：

<?php

namespace App\Http\Controllers;

use App\Project;
use Illuminate\Http\Request;

class ProjectController extends Controller {
    public function index() {
        $projects …

我正在使用Laravel 5.7和Laravel/Socialite 3.1。

我想使用Facebook我刚刚为此项目配置的应用程序登录。

这些是我为此配置的主要文件：

/.env

...
FACEBOOK_CLIENT_ID=***
FACEBOOK_CLIENT_SECRET=***
FACEBOOK_CALLBACK_URL=http://localhost:8000/auth/facebook/callback

/config/services.php

<?php

return [
    ...
    'facebook' => [
        'client_id' => env('FACEBOOK_CLIENT_ID'),
        'client_secret' => env('FACEBOOK_CLIENT_SECRET'),
        'redirect' => env('FACEBOOK_CALLBACK_URL'),

    ],
];

/routes/api.php

<?php

use Illuminate\Http\Request;

...

Route::get('auth/facebook', 'SocialiteController@redirectToProviderFacebook');
Route::get('auth/facebook/callback', 'SocialiteController@handleProviderCallbackFacebook');

/app/Http/Controllers/SocialiteController.php

<?php

namespace App\Http\Controllers;

use Socialite;

class SocialiteController extends Controller
{
    public function redirectToProviderFacebook()
    {
        return Socialite::driver('facebook')->redirect();
    }

    public function handleProviderCallbackFacebook()
    {
        $user = Socialite::driver('facebook')->user();
        print_r($user->token);
    }
}

我的问题是，由于某种原因我收到错误：

RuntimeException
Session store not set on request. …

我有以下代码：

import React, { Component } from 'react';
import { View, StyleSheet } from 'react-native';
import { Button, TextInput } from 'react-native-paper';

export default class Header extends Component {

  state = {
    text: '',
  };

  render() {
    return (
      <View style={styles.container}>
        <TextInput value={this.state.text} style={styles.input} />
        <Button mode="contained" style={styles.button}>Add Todo</Button>
      </View>
    );
  }

}

const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
    alignSelf: 'stretch',
    backgroundColor: '#c1deff',
  },
  input: {
    flex: 1,
  },
  button: {
    flex: 0,
  }, …

我只想知道如何render在Ionic应用程序上使用 html内容从相关类的属性中获取内容。

例如，我有以下两个文件...

家.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
    selector: 'page-home',
    templateUrl: 'home.html'
})
export class HomePage {

    message: String;

    constructor(public navCtrl: NavController) {
        this.message =
            `Below there is a piece of cake for you:<br />
            <img src="http://image.ibb.co/nJVNVS/cake.png" />`;
    }

}

主页.html

<ion-header>
    <ion-navbar>
        <ion-title>Home</ion-title>
    </ion-navbar>
</ion-header>

<ion-content padding>
    <h2>Welcome to Ionic!</h2>
    <p>
        This starter project comes with simple tabs-based layout for apps that are going to primarily …

我有以下非常基本的代码，这是更复杂的问题的一部分。

我的问题是该功能：context.decodeAudioData(arrayBuffer)不能在iPhone（尝试过Safari和Chrome）或Mac（Safari）上运行，但不能在其他地方（Android和Windows 10（所有浏览器）上使用），甚至不能在Mac（Chrome）上运行。

在Mac（Safari）上，出现以下错误：

Unhandled Promise Rejection: TypeError: Not enough arguments

这是代码：

Unhandled Promise Rejection: TypeError: Not enough arguments

window.AudioContext = window.AudioContext || window.webkitAudioContext;
const context = new AudioContext();
window.addEventListener('load', function() {
  const button_option_1 = document.querySelector('.button_option_1');
  const button_option_1_play = document.querySelector('.button_option_1_play');
  button_option_1_play.disabled = true;
  button_option_1.addEventListener('click', async function() {
    log('', false);
    let buffer;
    button_option_1_play.disabled = true;
    button_option_1_play.onclick = () => playBuffer(buffer);
    let time_start = …

我有以下代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Ionic 4 - Menu</title>
<link rel="stylesheet" href="https://unpkg.com/@ionic/core@4.0.0-beta.13/css/ionic.bundle.css" />
<script src="https://unpkg.com/@ionic/core@4.0.0-beta.13/dist/ionic.js"></script>
<script>
window.addEventListener('load', event => {
    document.querySelector('.button_details').addEventListener('click', (event) => {
        document.querySelector('.menu_main').toggle();
    });
});
</script>
</head>
<body>

    <ion-menu class="menu_main" side="start">
        <ion-header>
            <ion-toolbar color="secondary">
                <ion-title>Left Menu</ion-title>
            </ion-toolbar>
        </ion-header>
        <ion-content padding>
            Hello World!
        </ion-content>
    </ion-menu>
    <ion-menu-controller></ion-menu-controller>

    <ion-card style="display:inline-block;width:300px">
        <ion-card-header>
            <ion-card-title>Hello World</ion-card-title>
        </ion-card-header>
        <div style="padding:10px 10px;text-align:right;">
            <ion-button color="primary" class="button_details">Details</ion-button>
        </div>
    </ion-card>

</body>

</html>

它工作正常，但有一个例外：页面加载时，控制台上出现以下错误：

Error: "Menu: must …

我有以下React Native项目：

https://snack.expo.io/BkBU8fAlV

我有以下代码：

import * as React from 'react';
import { Text, View, StyleSheet } from 'react-native';
import { Constants } from 'expo';

// You can import from local files
import AssetExample from './components/AssetExample';

// or any pure javascript modules available in npm
import { Card } from 'react-native-paper';

import HomerSvg from './assets/HomerSvg';

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.paragraph}>
          Change code in the editor and watch it change …