Денис Беспалов's questions

我使用以下命令安装 strapi：

 npx create-strapi-app myprj

接下来，我选择：

custom > TS > postgres > dbname > 127.0.0.1 > 5432 > denis > mypassword > N

那些。指出

数据库名称dbname，主机127.0.0.1，端口5432，用户名denis，密码mypassword，拒绝 ssl

接下来，我启动 postgresql：

sudo -u postgres psql

然后：

CREATE ROLE denis WITH LOGIN PASSWORD 'mypassword' CREATEDB;

之后：

GRANT ALL PRIVILEGES ON DATABASE dbname TO denis;

我得到了一切正常的答案，但在我尝试运行 strapi 之后，我得到：

debug: ⛔️ Server wasn't able to start properly.
[2023-01-06 15:18:20.275] error: create table "strapi_migrations" ("id" serial primary key, "name" varchar(255), "time" timestamp) - нет доступа к схеме public
error: create table "strapi_migrations" ("id" serial primary key, "name" varchar(255), "time" timestamp) - нет доступа к схеме public

我完全理解很可能某处存在权限问题，很可能，但我刚刚开始学习 strapi 和 postgresql，到目前为止它是一个完整的零。

我在搜索引擎中搜索了很长时间的答案，但找不到解决我问题的方法。

有以下interface类型：

interface IDeliveryFormError {
       time?: string,
       date?: string
}

如何将它转换成这样的东西：

interface IDeliveryFormError {
       [key:'time']: string,
       [key:'date']: string
}

但是如果值是可选的呢？那些。这样以后，当试图向名称与接口中描述的名称不同的对象推送密钥时，TS 会诅咒，但同时，如果根本不存在该密钥，它也不会诅咒。

也许我问的问题不正确，所以我会说我需要在循环中使用它for in：

for(let key in errors) {
    if(errors[key]) return true                                                 
}

编译器time?: string在使用时发誓：

Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'IDeliveryFormError'.
  No index signature with a parameter of type 'string' was found on type 'IDeliveryFormError'.

如果我在接口中定义它[key:string]:string，那么一切都可以，但我想明确表示我正在等待

除了问题

在循环中，我检查第二个对象中是否有具有我需要的值的键，如果有，则返回 true

    interface IErrors {
           time?: string,
           date?: string
    }

    interface ITouched {
           time?: string,
           date?: string
    }



 const isFalse = (errors:IErrors,touched:Itouched) => {
    let bool = false       
         for(let key in errors) {
         if(Object.keys(touched).includes(key) && errors[key]) bool = true
      }                                                                                           
      return bool
}
      

我正在测试在端口 3003 上运行的节点上的服务器。一切正常，但在某些时候服务器停止启动，指的是端口正忙。运行lsof -i tcp:3003我得到：

node\x20/ 10955 root   21u  IPv4 2621955553      0t0  TCP localhost:3003 (LISTEN)

嗯，显然当您重新启动应用程序时停止了，并且该进程没有被杀死

我正在进口sudo kill -9 10955

我重复lsof -i tcp:3003

而且我看到相同的过程只PID在每次之后发生变化，kill就好像有某种自动运行一样。pm2 显示所有进程都已停止

我像这样通过 ssh 从远程服务器下载文件

sudo scp root@blablabla.ru:/etc/letsencrypt/live/blabla/fullchain.pem home\denis\Документы\web\blabla\vps\

我输入密码，按回车，然后我看到

fullchain.pem                                 100% 5624    11.4MB/s   00:00 

但是该文件没有出现在文件夹中。尝试了 100500 种斜线、路径和团队中其他小事情的选项。结果是一样的。

谁知道是什么问题？

有必要设定条件.then

更具体地说，有许多承诺。这是代码（.min并且.max，.required这些是承诺。只是我使用的库将替换单词then：

    const inputSchema = Yup.object().shape({
    [props.id] : Yup[props.dataType]()
    .min(props.minLength, 'Недостаточно символов')
    .max(props.maxLength, 'Много символо')
    .required(props.required)
})

这应该导致类似（带有 if 条件的伪代码）

    const inputSchema = Yup.object().shape({
    [props.id] : Yup[props.dataType]()
    .min(props.minLength, 'Недостаточно символов')
    .max(props.maxLength, 'Много символо')
    if(props.required) {return .required(props.required)} else return ''
})

具体来说，这条线

        if(props.required) {return .required(props.required)} else return ''

那些。如果满足条件，则设置 promise 的分辨率

我在这个问题上完全是菜鸟，但我真的很想部署我的工作。

MERN 堆栈中有一个应用程序。（蒙戈，快递，反应，节点）

我使用 nginx 使用简短指令设置了 ubuntu 上的 VPS 服务器：
https ://github.com/yestellar/deploy-node-nginx-ssl

服务器由Jino 提供。

在根目录中，我有 2 个文件夹：客户端和服务器，我实际上在其中克隆了必要的存储库。在服务器文件夹中，我克隆了节点服务器并启动它，控制台中显示一条消息，说明一切正常。然后，使用 pm2，我使用上面链接中文章中的命令启动了客户端。

NODE_ENV=production pm2 start npm --name strapi -- run start # Запустить в режиме продакшн npm run start скрипт и назвать "strapi"

状态显示“正常”

一般来说，在任何地方，所有状态都可以：nginx、node、npm、mongo……但该站点给出了 404。

我尝试了不同的设置和代理，/etc/nginx/sites-available/default 但它不起作用

怎么修？我将非常感谢任何信息。

这是代码/etc/nginx/sites-available/default ：

PS带有return的行被注释掉了，因为 无休止的重定向，首先您需要至少使 http 工作，然后我将处理 https。

server {
   # listen [::]:443 ssl default_server;
    #
    # Note: You should disable gzip for SSL traffic.
    # See: https://bugs.debian.org/773332
    #
    # Read up on ssl_ciphers to ensure a secure configuration.
    # See: https://bugs.debian.org/765782
    #
    # Self signed certs generated by the ssl-cert package
    # Don't use them in a production server!
    #
    # include snippets/snakeoil.conf;

    root /var/www/html;

    # Add index.php to the list if you are using PHP
    index index.html index.htm index.nginx-debian.html;

    server_name site-name.ru  www.site-name.ru;

location / {
    proxy_pass http://localhost:3000;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
        proxy_redirect off;
}

        # pass PHP scripts to FastCGI server
        #
        #location ~ \.php$ {
        #       include snippets/fastcgi-php.conf;
        #
        #       # With php-fpm (or other unix sockets):
        #       fastcgi_pass unix:/var/run/php/php7.4-fpm.sock;
        #       # With php-cgi (or other tcp sockets):

            #       fastcgi_pass 127.0.0.1:9000;
            #}
    
            # deny access to .htaccess files, if Apache's document root
            # concurs with nginx's one
            #
            #location ~ /\.ht {
            #       deny all;
            #}
    
        listen [::]:443 ssl ipv6only=on; # managed by Certbot
        listen 443 ssl; # managed by Certbot
        ssl_certificate /etc/letsencrypt/live/site-name.ru/fullchain.pem; # man>
        ssl_certificate_key /etc/letsencrypt/live/site-name.ru/privkey.pem; # m>
        include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
        ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
    
    
    }
    
    #
    #server {
    #       listen 80;
    #       listen [::]:80;
    #
    #       server_name example.com;
    #
    #       root /var/www/example.com;
    #       index index.html;
    #
    #       location / {
    #               try_files $uri $uri/ =404;
    #       }
    #}
    
    server {
        if ($host = www.site-name.ru) {
           # return 301 https://$host$request_uri;
        } # managed by Certbot
    
    
        if ($host = site-name.ru) {
            #return 301 https://$host$request_uri;
        } # managed by Certbot
    
    
            listen 80 default_server;
            listen [::]:80 default_server;
    
            server_name site-name.ru www.site-name.ru;
        return 404; # managed by Certbot
    }

我需要使用坐标向地图动态添加标签。现在代码是这样的

 const placemarkRef = useRef(null);
 const mapRef = useRef(null);

const clickFunc = () => {
          placemarkRef.current = createPlacemark( [54.738276, 20.489808] )
          mapRef.current.geoObjects.add(placemarkRef.current);
}

const createPlacemark = (coords) => {
    return new mapRef.current.Placemark(
      coords,
      {
        iconCaption: 'какое то имя'
      },
      {
        hintContent: 'Надпись',
        preset: "islands#violetDotIconWithCaption",
        draggable: false
      }
    );
  };

 const mapFunc = () => {
    return <YMaps 
            enterprise
            query={{
            load: "package.full", //отключаем модули. Используем стандартное поведение(полная загрузка)
            apikey: "КЛЮЧ"
            }}>
                <Map
                onLoad={ymaps => mapRef.current = ymaps }
                defaultState={{ center: [54.738276, 20.489808], zoom: 11 }}
                instanceRef={mapRef.current}
                >
            </Map>
        </YMaps>
}

return <div>{mapFunc()}
            <button onClick={() => clickFunc()} />НАЖМИ МЕНЯ</button>
       </div>

出于某种原因，这不起作用，尽管从所有示例和文档来看，它应该起作用。我在调试时注意到 geoObjects 在行中

mapRef.current.geoObjects.add(placemarkRef.current);

由于某种原因undefiened，所有其他属性都已mapRef.current到位

如您所见，其余属性都已到位，但geoObjects没有。虽然这个属性应该在 yandex API 文档中，例如这里https://yandex.ru/dev/maps/jsbox/2.1/placemark

该网站使用插件和产品添加。它们工作得很好，当我通过 WooCommerce Rest Api 收到订单时，我会看到订单的总价格，同时考虑到所选的产品附加组件。但是，如果我尝试通过 WooCommerce Rest Api 添加订单，那么即使我正确指定了附加组件，它们也会添加到订单中，创建订单，但价格不会改变。就好像我们只选择了产品一样，没有添加。我怎样才能解决这个问题？

到目前为止，我的想法只是在创建我自己添加订单的终点，在那里我将调节价格

- 更新 -

在网站上选择插件时实时形成考虑到插件的产品价格，并在形成订单时“烘烤”的感觉。屏幕截图显示了通过网站本身生成的订单数据。如您所见，meta_data(массив дополнений)没有指定总额或价格。同时，产品本身的价格是765。虽然没有添加的实际价格是450。即 可以说，附加组件的价格“卡”在实际成本中，而不仅仅是叠加在上面

如果我使用 WooCommerce REST API 远程创建相同的订单和相同的附加组件，附加组件也将显示在产品中，meta_data但产品的价格将保持为 450。

我也尝试先创建一个订单，然后通过添加插件来更新meta_data，但这并不成功。添加了插件，但价格未更新。

我有一个复杂的交付逻辑，带有位置和区域检测。当用户输入地址时，费用计算开始。在计算过程中，订单视图块和“订单”按钮变为灰色。问题是这个块在手机上是不可见的，它位于查看区域的下方，用户看不到某种下载正在发生。为了不让用户感到困惑，您需要向他展示预加载器。当订单块在计算过程中变为灰色时，会触发一些过程。根据同样的原则，如果你知道正在发生什么样的过程并开始使用它，你可以制作一个预加载器。

我期待任何想法和想法。谢谢你。

到目前为止，这是我发现的

add_action( 'wp_head', 'script_update_shipping_method' );

function script_update_shipping_method() {
    if ( is_checkout() ) { //Если страница расчета
        ?>
        
        <script>
            jQuery(document).ready(function ($) {```

                $(document.body).on('updated_checkout updated_shipping_method', function (event, xhr, data) {
                    $('.checkout-loader').css('display','flex');

                });
            });
        
        </script>
        <?php
    }
    
}

updated_checkout updated_shipping_method这些 JQuery 方法负责更新。我的类下的预加载器.checkout-loader 变得可见，但我display: none还没有找到如何让它回来

反应运行时。发送请求：

fetch('https://my-site.ru/bla/bla-bla/get-token', {
  method: 'POST',
  body: JSON.stringify({
  username: 'username',
  password: 'password'
  })
})
.then(res => {

  if (res.status >= 200 && res.status < 300 ) {
      return res;
  } else {
     let error = new Error(res.statusText);
     error.response = res;
     throw error
  }

  })
  .then((res) => {

    if (res.headers['content-type'] !== "application/json; charset=UTF-8") {
      let error = new Error('Некорректный ответ от сервера');
      error.response = res;
      throw error
  } else func(res.data)

}).catch(e => {
console.log(e) //выведет 'Error [object promice]'
console.log(e.message) // Выведет '[object promice]'
})

如果名称或密码不正确，服务器会返回 403 并在 DevTooll 选项卡上显示一条消息，说明究竟是什么错误。但我似乎无法抓住这个消息。我遇到了 403 错误，但我不明白如何从服务器获取消息。

这就是 Devtools 中“响应”选项卡上的样子

{"success":false,"statusCode":403,"code":"invalid_username","message":"\u041e\u0448\u0438\u0431\u043a\u0430: \u0418\u043c\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f asd \u043d\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043e \u043d\u0430 \u0441\u0430\u0439\u0442\u0435. \u0415\u0441\u043b\u0438 \u0432\u044b \u0437\u0430\u0431\u044b\u043b\u0438 \u0438\u043c\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0432\u043c\u0435\u0441\u0442\u043e \u043d\u0435\u0433\u043e \u0430\u0434\u0440\u0435\u0441 email.","data":[]}

这是浏览器中“预览”选项卡上的响应代码

如何获取此对象，屏幕截图和显示消息中的内容是什么？

请求和响应标头

在 catch 中收到响应对象

我正在尝试使用响应中的获取请求与 WooCommerce REST API 进行通信。如果我直接在查询字符串中使用 consumer_key 和 consumer_secret 它会起作用：

https://my-site.ru/wp-json/wc/v3/orders?consumer_key=ck_817d29ef4g409b34п5e215d66e98cfeeb80982f1&consumer_secret=cs_880b76d36h204b32471f328c014а4c081ca03223

但是如果我尝试以某种方式将密钥插入请求正文，它将返回 401 错误。我尝试了各种方法，但显然我写错了。

Google 上的所有示例都与 @woocommerce-rest-api 模块一起使用，由于某种原因我不能使用它。

通过 oauth 1.0 尝试了相同的标准调用。不工作

    let WooCommerce = {
url:  'https://my-site.ru', // Your store URL
Authorization : 'oauth 1.0',
consumer_key: 'ck_817d29ef45609b3738e215d66e98cfeeb80982f1', // Your consumer secret
consumer_secret: 'cs_880b76d31м304b32471f328c0ce44c081ca03223', // Your consumer secret
ssl: true,
version: 'wc/v3',
wpAPI: true,
queryStringAuth: true };

告诉我如何正确指定获取请求正文中的键，以便 REST API 接受它们

有一个代码：

class MyName extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
        number: 0,
        name: 'Вася' + this.number
        }
    }
    rebder() {
      ...
    }

无法从 number 属性为本地状态的 name 属性分配数字。上面的代码不起作用。怎么做？我知道障碍很可能是语法或上下文，但我找不到解决方案。

诡计问题。所有按钮都是通过 .map() 函数从传入数据呈现的，即 大多数方法对我不起作用。

我试图将标志存储在状态中并根据它更改类，但随后所有按钮的类立即更改，因为 使用 .map()。如何解决问题？

我正在使用 React-router-dom。

当您进入产品页面时，页面滚动到产品的标题是必要的。常规锚点在 React 中不起作用，设置特定的滚动编号对我不起作用。设计是响应式的。

如何解决这个问题？

我们需要获取地图函数的当前步骤。

那些。map 函数启动，它获取第一个元素，即 需要1步。这1，表示现在是什么步骤，我需要得到。然后他取出元素2 ，我也需要得到这个数字2 。我需要将此图分配给新形成的元素的属性。

let arr = [1, 5, 8, 'asdasd', 'blabla']
let newArr = arr.map( n => <input name=nameArr[1].name>);

在上面的代码中，nameArr[1数字1是我们当前的步骤。

你需要这样的代码：

let func = (prop) => {
   if(2 prop 2 == 4) {
      console.log('Ура! Работает!');
   }
}

func('+');

只有工作。我不知道如何将 + 作为参数传递，即 事实上，如果你正确设置了条件，它看起来像

if(2 + 2 == 4) {

有一个代码：

let user = {name: denis, photo: {small: 'url-1', large: 'url-2'}}

我怎样才能获得小财产的价值？

像这样尝试：

user.photo.small

不工作

我找到了一个 css 代码，它给了我们一个固定比例的橡胶方块。那些。无论我们如何改变 brazuru 的宽度，正方形仍然是正方形。我不明白为什么 div 的高度值取宽度值？

div {
  width: 50%;
  /* Задаём ширину */
  margin: auto;
  /* Размещаем по цетру */
  background: silver;
  /* Задаём фон */
  overflow: hidden;
  /* Скрываем всё, что выходит за границы*/
}

div:before {
  /* Добавляем свойства в конец элемента */
  content: "";
  padding-top: 100%;
  /* Отступ сверху */
  float: left;
  /* Приковываем к левому краю */
}

<div></div>