rails api+react.jsでのaxios

前提・実現したいこと

railsのapiモードでreactを使って開発しています
react側からrails側にリクエストを送り、レスポンスが欲しいです。
その際にエラーが発生しました。
また、コマンドプロンプトに
curl -g 'http://localhost:3003/characters'
とコマンドを打つとjson形式でしっかり返ってきます。
[{"id":1,"name":"a","created_at":"2020-12-21T05:30:14.216Z","updated_at":"2020-12-21T05:30:14.216Z"}]
また、npm startでhttp://localhost:3004とブラウザに打つとhtml部分は表示されます。

発生している問題・エラーメッセージ

・コンソール

エラーメッセージ
error!
GET http://localhost:3003/characters net::ERR_CONNECTION_REFUSED

該当のソースコード

・config/application.rb
config.api_only = true
config.middleware.insert_before 0, Rack::Cors do
allow do
origins 'http://localhost:3004'
resource '*',
:headers => :any,
:methods => [:get, :post, :patch, :delete, :options]
end
end
・crud_front/src/Components/test.js
componentDidMount(){
axios.get('http://localhost:3003/characters')
.then((response)=>{
console.log(response);
})
.catch((error)=>{
console.log('error!');
})
}