rack-cors VS axios

For this, you can use the rack-cors gem:

Because the origin is not matching. For testing purposes you could use https://github.com/cyu/rack-cors.

Have you enabled cors in the rails app? https://github.com/cyu/rack-cors

# Be sure to restart your server when you modify this file. # Avoid CORS issues when API is called from the frontend app. # Handle Cross-Origin Resource Sharing (CORS) in order to accept cross-origin AJAX requests. # Read more: https://github.com/cyu/rack-cors Rails.application.config.middleware.insert_before 0, Rack::Cors do allow do origins 'http://データを贈りたいパス' resource '*', headers: :any, methods: [:get, :post, :put, :patch, :delete, :options, :head] end end

You'll also want to make sure your Rack CORS setup is taken care of. In the Gem file, you'll need to install the cors gem which can be found here. After adding to your Gem file, make sure to run bundle install from your command line again.

Have the following in my /config/initializers/cors.rb and using rack-cors gem

If your PWA requires displaying dynamic data, consider utilizing React libraries like axios or the built-in fetch API to retrieve data from APIs or servers.

axios

Also, copy this code to add axios

Typically, there are various ways to choose an HTTP client, and for this example, I've chosen axios.

axios: To fetch data from the Strapi CMS API and also to fetch responses from our Express server.

Note, you can use any library for HTTP requests like axios. This example uses the http and node-fetch libraries available on npm.

Interact with other APIs over an encrypted channel. For example, you can use Axios with Node.js.

For this article, I will be using the TypeScript Starter template as shown in the screenshot above. This comes with Nodejs, Cheerio, Axios

Axios is suitable for a wide range of web development projects, from simple single-page applications (SPAs) to complex, large-scale enterprise software.