在React Native中获取（或Axios）在iOS应用程序的EXPO中不起作用

Question

iOS doesn't allow to navigate to http only url, allowing only https.

There is a solution, which is changing some code inside info.plist file

https://github.com/facebook/react-native/issues/8717

How can I change settings for iOS, as it comes with only .expo folder but nothing else.

Do I need to change server configuration for this at last? :(

Answer 1

As you properly find out, the problem is that iOS do not allow arbitrary calls to non-secure(http only) domains. It was a feature introduced with iOS 9 in order to push developers onto more secured connections.

As per writing of this(mid 2017), there is workaround. You should open

{Your-project}/ios/{Your-project}/Info.plist

and set proper values for the domain you are targeting( docs ).

Following example will disable ATS and allow HTTP call to somedomain.com :

<key>NSAppTransportSecurity</key>
    <dict>
        <key>NSExceptionDomains</key>
        <dict>
            <key>localhost</key>
            <dict>
                <key>NSExceptionAllowsInsecureHTTPLoads</key>
                <true/>
            </dict>
        </dict>
    </dict>

In your situation, I believe you are looking for the Info.plist file in the wrong place. It is not part of the node modules, instead look at the ios path specified above.

Answer 2

Unfortunately Expo doesn't allow you to modify the App Transport Security Settings but may bake in a configuration option. Here's a Github thread .

You can eject from Expo but only do this if you are 100% sure.

This will give you a project very similar to one created by react-native init

This features an ios and android directory, navigating to ios/YourProject/ will reveal Info.plist .

How much of a struggle would it be to install an SSL certificate on your server? It may be more beneficial to do this and you can use a free service like letsencrypt .