https://www.reddit.com/r/Web_Development/comments/zg3okd/firefox_says_cors_preflight_did_not_succeed

F

fernvenueOP•2/24/24, 4:55 AM

Hi all, how you guys handle this?

F

fernvenueOP•2/24/24, 4:55 AM

Is there any option to return 200 on Cloudflare side?

Ffernvenue https://www.reddit.com/r/Web_Development/comments/zg3okd/firefox_says_cors_prefl...

A

az•2/24/24, 10:37 AM

your origin needs to validate the preflights options requests

E

E1337 NOTORඞOUS The PRESTඞGඞOUS•2/24/24, 10:37 AM

Created a docker compose now

version: "3"

services:
  bk_calculator:
      image: web-image:v1
      container_name: bk_calculator
      ports:
        - 80:80
      networks:
        selfhost:
          ipv4_address: 18.8.0.4
      # restart: unless-stopped
      # restart: on-failure:3

networks:
  selfhost:
    driver: bridge
    ipam:
     config:
       - subnet: 18.8.0.0/16
         gateway: 18.8.0.1

version: "3"

services:
  bk_calculator:
      image: web-image:v1
      container_name: bk_calculator
      ports:
        - 80:80
      networks:
        selfhost:
          ipv4_address: 18.8.0.4
      # restart: unless-stopped
      # restart: on-failure:3

networks:
  selfhost:
    driver: bridge
    ipam:
     config:
       - subnet: 18.8.0.0/16
         gateway: 18.8.0.1

version: "3"

services:
  bk_calculator:
      image: web-image:v1
      container_name: bk_calculator
      ports:
        - 80:80
      networks:
        selfhost:
          ipv4_address: 18.8.0.4
      # restart: unless-stopped
      # restart: on-failure:3

networks:
  selfhost:
    driver: bridge
    ipam:
     config:
       - subnet: 18.8.0.0/16
         gateway: 18.8.0.1

version: "3"

services:
  bk_calculator:
      image: web-image:v1
      container_name: bk_calculator
      ports:
        - 80:80
      networks:
        selfhost:
          ipv4_address: 18.8.0.4
      # restart: unless-stopped
      # restart: on-failure:3

networks:
  selfhost:
    driver: bridge
    ipam:
     config:
       - subnet: 18.8.0.0/16
         gateway: 18.8.0.1

I have paired a domain with http 18.8.0.4:80 but it's not working. Why is that?

E

E1337 NOTORඞOUS The PRESTඞGඞOUS•2/24/24, 10:37 AM

using cloudflared on docker

E

E1337 NOTORඞOUS The PRESTඞGඞOUS•2/24/24, 10:39 AM

ERR Request failed error="Unable to reach the origin service. The service may be down or it may not be responding to traffic from cloudflared: dial tcp 18.8.0.4:80: i/o timeout"

ERR Request failed error="Unable to reach the origin service. The service may be down or it may not be responding to traffic from cloudflared: dial tcp 18.8.0.4:80: i/o timeout"

ERR Request failed error="Unable to reach the origin service. The service may be down or it may not be responding to traffic from cloudflared: dial tcp 18.8.0.4:80: i/o timeout"

ERR Request failed error="Unable to reach the origin service. The service may be down or it may not be responding to traffic from cloudflared: dial tcp 18.8.0.4:80: i/o timeout"

E

Erisa•2/24/24, 10:50 AM

cloudflared needs to run in the same network, why not just run it in the same docker-compose file?

E

E1337 NOTORඞOUS The PRESTඞGඞOUS•2/24/24, 10:50 AM

E

Erisa•2/24/24, 10:50 AM

docker has network isolation which is nice but makes things more difficult

E

E1337 NOTORඞOUS The PRESTඞGඞOUS•2/24/24, 10:50 AM

yeah...

E

E1337 NOTORඞOUS The PRESTඞGඞOUS•2/24/24, 10:51 AM

jeez

E

Erisa•2/24/24, 10:51 AM

Also may I ask why your docker network is capturing 18.8.0.0/16 which belongs to the Massachusetts Institute of Technology, rather than a private range?

E

E1337 NOTORඞOUS The PRESTඞGඞOUS•2/24/24, 10:55 AM

wait what? LOOL

E

E1337 NOTORඞOUS The PRESTඞGඞOUS•2/24/24, 10:55 AM

i literally just made an arbitrary address

E

E1337 NOTORඞOUS The PRESTඞGඞOUS•2/24/24, 10:55 AM

well i got it working now so thanks again

EE1337 NOTORඞOUS The PRESTඞGඞOUS i literally just made an arbitrary address

E

Erisa•2/24/24, 11:02 AM

Most IP ranges are owned by some org somewhere so you risk running into conflicts if you decide to start routing their address space locally. Only really becomes an issue if something in the network tries to call out to a site hosted in that public subnet, as it would fail
There are specific private ranges that are designed for messing around locally: https://en.m.wikipedia.org/wiki/Private_network
I'd take something small like a /24 (255 addresses) on one of those, e.g. 10.34.35.0/24 where 34 and 35 can be any random numbers

Private network

In Internet networking, a private network is a computer network that uses a private address space of IP addresses. These addresses are commonly used for local area networks (LANs) in residential, office, and enterprise environments. Both the IPv4 and the IPv6 specifications define private IP address ranges.Private network addresses are not alloc...

E

Erisa•2/24/24, 11:41 AM

Aaz your origin needs to validate the preflights options requests

F

fernvenueOP•2/24/24, 1:04 PM

You're right, thanks :)

D

devendra•2/24/24, 2:18 PM

I am using uppy and TUS for video upload. In the backend, I created a API called /upload and it will return a URL(stream upload URL). And in the frontend, I will use that url to upload video in stream.
Here is my API code

try{
        const response = await axios({
            method: "POST",
            url: uploadUrl(),
            headers: {
                Authorization: `Bearer ${process.env.token}`,
                'Tus-Resumable': '1.0.0'
            },
            data: {
                maxDurationSeconds: 300
            }
        })
        res.setHeader("Access-Control-Expose-Headers", "Location");
        res.setHeader("Access-Control-Allow-Headers", "*");
        res.setHeader("Access-Control-Allow-Origin", "*");
        res.setHeader("Location", response.data?.result.uploadURL);
        res.sendStatus(200);
    } catch(ex) {
        res.sendStatus(500)
    }

try{
        const response = await axios({
            method: "POST",
            url: uploadUrl(),
            headers: {
                Authorization: `Bearer ${process.env.token}`,
                'Tus-Resumable': '1.0.0'
            },
            data: {
                maxDurationSeconds: 300
            }
        })
        res.setHeader("Access-Control-Expose-Headers", "Location");
        res.setHeader("Access-Control-Allow-Headers", "*");
        res.setHeader("Access-Control-Allow-Origin", "*");
        res.setHeader("Location", response.data?.result.uploadURL);
        res.sendStatus(200);
    } catch(ex) {
        res.sendStatus(500)
    }

try{
        const response = await axios({
            method: "POST",
            url: uploadUrl(),
            headers: {
                Authorization: `Bearer ${process.env.token}`,
                'Tus-Resumable': '1.0.0'
            },
            data: {
                maxDurationSeconds: 300
            }
        })
        res.setHeader("Access-Control-Expose-Headers", "Location");
        res.setHeader("Access-Control-Allow-Headers", "*");
        res.setHeader("Access-Control-Allow-Origin", "*");
        res.setHeader("Location", response.data?.result.uploadURL);
        res.sendStatus(200);
    } catch(ex) {
        res.sendStatus(500)
    }

try{
        const response = await axios({
            method: "POST",
            url: uploadUrl(),
            headers: {
                Authorization: `Bearer ${process.env.token}`,
                'Tus-Resumable': '1.0.0'
            },
            data: {
                maxDurationSeconds: 300
            }
        })
        res.setHeader("Access-Control-Expose-Headers", "Location");
        res.setHeader("Access-Control-Allow-Headers", "*");
        res.setHeader("Access-Control-Allow-Origin", "*");
        res.setHeader("Location", response.data?.result.uploadURL);
        res.sendStatus(200);
    } catch(ex) {
        res.sendStatus(500)
    }

In the frontend

import React, { useState, useEffect } from 'react';
import Uppy from '@uppy/core';
import Tus from '@uppy/tus';
import '@uppy/core/dist/style.css';
import '@uppy/drag-drop/dist/style.css';
import '@uppy/dashboard/dist/style.css';
import { Dashboard } from '@uppy/react';
// import ProgressBar from '@uppy/react';



import '@uppy/progress-bar/dist/style.css';
// import ProgressBarComponent from '@uppy/react/src/ProgressBar';


const VideoUploader = () => {
  const [uppy] = useState(new Uppy({
    meta: { type: 'video' },
    restrictions: {
      maxFileSize: 100000000, // 100 MB
      allowedFileTypes: ['.mp4', '.avi', '.mov', '.mkv', '.wmv', '.flv'],
    },
    autoProceed: false,
  }).use(Tus, {
    endpoint: 'https://localhost:3001/upload',
    resume: true,
    retryDelays: [0, 1000, 3000, 5000],
  }));


  return (
    <div>
      <Dashboard uppy={uppy}/>
      {/* <ProgressBar uppy={uppy}/> */}
    </div>
  );
};

import React, { useState, useEffect } from 'react';
import Uppy from '@uppy/core';
import Tus from '@uppy/tus';
import '@uppy/core/dist/style.css';
import '@uppy/drag-drop/dist/style.css';
import '@uppy/dashboard/dist/style.css';
import { Dashboard } from '@uppy/react';
// import ProgressBar from '@uppy/react';



import '@uppy/progress-bar/dist/style.css';
// import ProgressBarComponent from '@uppy/react/src/ProgressBar';


const VideoUploader = () => {
  const [uppy] = useState(new Uppy({
    meta: { type: 'video' },
    restrictions: {
      maxFileSize: 100000000, // 100 MB
      allowedFileTypes: ['.mp4', '.avi', '.mov', '.mkv', '.wmv', '.flv'],
    },
    autoProceed: false,
  }).use(Tus, {
    endpoint: 'https://localhost:3001/upload',
    resume: true,
    retryDelays: [0, 1000, 3000, 5000],
  }));


  return (
    <div>
      <Dashboard uppy={uppy}/>
      {/* <ProgressBar uppy={uppy}/> */}
    </div>
  );
};

import React, { useState, useEffect } from 'react';
import Uppy from '@uppy/core';
import Tus from '@uppy/tus';
import '@uppy/core/dist/style.css';
import '@uppy/drag-drop/dist/style.css';
import '@uppy/dashboard/dist/style.css';
import { Dashboard } from '@uppy/react';
// import ProgressBar from '@uppy/react';



import '@uppy/progress-bar/dist/style.css';
// import ProgressBarComponent from '@uppy/react/src/ProgressBar';


const VideoUploader = () => {
  const [uppy] = useState(new Uppy({
    meta: { type: 'video' },
    restrictions: {
      maxFileSize: 100000000, // 100 MB
      allowedFileTypes: ['.mp4', '.avi', '.mov', '.mkv', '.wmv', '.flv'],
    },
    autoProceed: false,
  }).use(Tus, {
    endpoint: 'https://localhost:3001/upload',
    resume: true,
    retryDelays: [0, 1000, 3000, 5000],
  }));


  return (
    <div>
      <Dashboard uppy={uppy}/>
      {/* <ProgressBar uppy={uppy}/> */}
    </div>
  );
};

import React, { useState, useEffect } from 'react';
import Uppy from '@uppy/core';
import Tus from '@uppy/tus';
import '@uppy/core/dist/style.css';
import '@uppy/drag-drop/dist/style.css';
import '@uppy/dashboard/dist/style.css';
import { Dashboard } from '@uppy/react';
// import ProgressBar from '@uppy/react';



import '@uppy/progress-bar/dist/style.css';
// import ProgressBarComponent from '@uppy/react/src/ProgressBar';


const VideoUploader = () => {
  const [uppy] = useState(new Uppy({
    meta: { type: 'video' },
    restrictions: {
      maxFileSize: 100000000, // 100 MB
      allowedFileTypes: ['.mp4', '.avi', '.mov', '.mkv', '.wmv', '.flv'],
    },
    autoProceed: false,
  }).use(Tus, {
    endpoint: 'https://localhost:3001/upload',
    resume: true,
    retryDelays: [0, 1000, 3000, 5000],
  }));


  return (
    <div>
      <Dashboard uppy={uppy}/>
      {/* <ProgressBar uppy={uppy}/> */}
    </div>
  );
};

D

devendra•2/24/24, 2:18 PM

I was following the docs but when I click upload video, it always fails.

D

devendra•2/24/24, 2:21 PM

I am trying to follow this doc https://developers.cloudflare.com/stream/uploading-videos/direct-creator-uploads/

Cloudflare Docs

Direct creator uploads · Cloudflare Stream docs

Direct creator uploads let your end users to upload videos directly to Cloudflare Stream, without exposing your API token to clients.

F

fedeb🇦🇷•2/24/24, 3:25 PM

If my argo tunnel zero trust is down can I do somehow a redirect to another subdomain url, until the tunnel gets back online. ?

A

Andy•2/24/24, 4:21 PM

Enabling the bottom 2 are for this domain only right?

A

Andy•2/24/24, 4:21 PM

That's what I set at the top

A

Andy•2/24/24, 4:24 PM

I also don't want them to be able to buy stuff using my money on the domain but I want them to have full access

D

DKI•2/24/24, 5:49 PM

Goodevening! I was hoping that I may be able to get some help with email obfuscation please :)

DDKI Goodevening! I was hoping that I may be able to get some help with email obfusca...

R

real.neu•2/24/24, 5:52 PM

sure, what in particular?

D

DKI•2/24/24, 5:54 PM

So I’m running a google site and using cloudflare as the dns/domain registrar, however all email addresses listed on the site just come up as email protected.