topic Re: CORS error while connecting Thingworx REST API to HTTP request- JavaScript XHR Vue.JS in ThingWorx Developers

CORS error while connecting Thingworx REST API to HTTP request- JavaScript XHR Vue.JS

shubhamm — Wed, 31 Jul 2019 11:24:17 GMT

I have already configure my Tomcat serve for CORS still i am not able to access my api and i am getting " Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource."

When i am trying to access the API using Postman i am getting 403 error.

For reference please check attached images.

Re: CORS error while connecting Thingworx REST API to HTTP request- JavaScript XHR Vue.JS

slangley — Wed, 31 Jul 2019 19:34:05 GMT

Hi @shubhamm.

Have you made any changes to filter for CORS based on any documentation PTC provides? If so, please provide specifics on the changes that were made.

What versions of Tomcat/ThingWorx are you running?

Here is an article that may help depending on the ThingWorx version you're running.

Regards.

--Sharon

Re: CORS error while connecting Thingworx REST API to HTTP request- JavaScript XHR Vue.JS

shubhamm — Thu, 01 Aug 2019 05:34:09 GMT

Tomcat 8.5.32

Thinworx 8.3

Re: CORS error while connecting Thingworx REST API to HTTP request- JavaScript XHR Vue.JS

slangley — Thu, 01 Aug 2019 17:02:14 GMT

Hi @shubhamm.

Have you made any changes to filter for CORS based on any documentation PTC provides? If so, please provide specifics on the changes.

Was the article I provided helpful?

Regards.

--Sharon

Re: CORS error while connecting Thingworx REST API to HTTP request- JavaScript XHR Vue.JS

shubhamm — Fri, 02 Aug 2019 06:17:41 GMT

<filter>
<filter-name>CorsFilter</filter-name>
<filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
<init-param>
    <param-name>cors.allowed.origins</param-name>
    <param-value>*</param-value> 
</init-param>
<init-param>
    <param-name>cors.allowed.methods</param-name>
    <param-value>GET,POST,HEAD,OPTIONS,PUT</param-value>
</init-param>
<init-param>
    <param-name>cors.allowed.headers</param-name>
    <param-value>Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers,Access-Control-Allow-Origin,Access-Control-Allow-Host</param-value>
</init-param>
<init-param>
    <param-name>cors.exposed.headers</param-name>
    <param-value>Access-Control-Allow-Origin,Access-Control-Allow-Credentials,Access-Control-Allow-Host</param-value>
</init-param>
<init-param>
    <param-name>cors.support.credentials</param-name>
    <param-value>false</param-value>
</init-param>
<init-param>
    <param-name>cors.preflight.maxage</param-name>
    <param-value>10</param-value>
</init-param>
</filter>
<filter-mapping>
  <filter-name>CorsFilter</filter-name>
  <url-pattern>*</url-pattern>
</filter-mapping>

This is my tomcat configuration and now i am able to access Thingworx API using Postman But again i am getting same error in my browser.

Re: CORS error while connecting Thingworx REST API to HTTP request- JavaScript XHR Vue.JS

Sathishkumar_C — Fri, 02 Aug 2019 07:17:15 GMT

Check Out: https://community.ptc.com/t5/ThingWorx-Developers/No-Access-Control-Allow-Origin-Thingworx-8-4-8-5/m-p/614700#M36933 Its Worked in TWX 8.4

Re: CORS error while connecting Thingworx REST API to HTTP request- JavaScript XHR Vue.JS

slangley — Tue, 13 Aug 2019 15:01:39 GMT

Hi @shubhamm.

If one of the previous responses have helped with a solution, please mark the appropriate one as the Accepted Solution for the benefit of others with the same questions.

Regards.

--Sharon

Re: CORS error while connecting Thingworx REST API to HTTP request- JavaScript XHR Vue.JS

shubhamm — Fri, 16 Aug 2019 07:30:05 GMT

I try all the solution but still it is not working.
i am getting same error.

Re: CORS error while connecting Thingworx REST API to HTTP request- JavaScript XHR Vue.JS

slangley — Wed, 21 Aug 2019 19:40:15 GMT

Hi @shubhamm.

How are you passing the AppKey? Are you seeing the same error when you try to access it via your browser?

This article may help.

Regards.

--Sharon

Re: CORS error while connecting Thingworx REST API to HTTP request- JavaScript XHR Vue.JS

slangley — Tue, 27 Aug 2019 13:55:38 GMT

Hi @shubhamm.

Just wondering if the article in the previous post helped to resolve your issue. If not, please provide the logs located at \ThingworxStorage\logs. Make sure the logs cover the time period of your testing.

Regards.

--Sharon

Re: CORS error while connecting Thingworx REST API to HTTP request- JavaScript XHR Vue.JS

shubhamm — Wed, 28 Aug 2019 04:41:07 GMT

hii Sharon,

we have followed https://www.ptc.com/en/support/article/CS229450 article that resolved our issue.

Thanks and Regards,

Shubham