Solved: 3rdpartygadget deployment and mime types

jdickinson · ‎03-21-2017

How do I get the .js and .css mime types added so that when the index.html file is accessed that it links correctly to the rest of the application when copying the 3rdparty web application to the folder 3rdpartygadget/files?

Currently when I access: https://uccx-001-app-prod.statebridgecompany.com:8445/3rdpartygadget/files/index.html

I get these messages below.

Is there a resolution for this?

https://uccx-001-app-prod.statebridgecompany.com:8445/styles.81cb6f8face4e065114d.bundle.css Failed to load resource: the server responded with a status of 404 (Not Found)

vendor.ac776b3d2541a790ad40.bundle.js Failed to load resource: the server responded with a status of 404 (Not Found)

inline.aa09783f8f357b0cc13b.bundle.js Failed to load resource: the server responded with a status of 404 (Not Found)

scripts.d2f0ef1348971d327010.bundle.js Failed to load resource: the server responded with a status of 404 (Not Found)

main.b45ebca47e14bca897a2.bundle.js Failed to load resource: the server responded with a status of 404 (Not Found)

vendor.ac776b3d2541a790ad40.bundle.js Failed to load resource: the server responded with a status of 404 (Not Found)

main.b45ebca47e14bca897a2.bundle.js Failed to load resource: the server responded with a status of 404 (Not Found)

styles.81cb6f8face4e065114d.bundle.css Failed to load resource: the server responded with a

dekwan · ‎03-21-2017

I was talking about the link of the cs and js not being correct. Notice how there isn't /3rdpartygadget/files/ in the GET in the error?

Can I see your index.html?

View solution in original post

dekwan · ‎03-21-2017

Hi Joe,

Is the reference to your js and css files correct? I noticed that the url you showed from the error shows "https://uccx-001-app-prod.statebridgecompany.com:8445/styles.81cb6f8face4e065114d.bundle.css". If you click that link, it would give you a 404. Remember that the path of the files in the 3rdpartygadgets folder is http://<finesse>:<port>/3rdpartygadget/files/<here>

Thanx,

Denise

jdickinson · ‎03-21-2017

The link to the index is below. The reference to the css files are correctly entered from the error message on the debug of the chrome browser window. and before you ask, I have tried firefox with similar failure as well.

All of these files were copied. Just to be certain I rebuilt the project and copied the contents of the dist folder over.

The error messages below are after link to the index.html file.

--- if I use a different html file namely thisisit.html with just a static message I get the right message.

https://uccx-001-app-prod.statebridgecompany.com:8445/3rdpartygadget/files/index.html

GET https://uccx-001-app-prod.statebridgecompany.com:8445/styles.81cb6f8face4e065114d.bundle.css

index.html:13 GET https://uccx-001-app-prod.statebridgecompany.com:8445/vendor.ac776b3d2541a790ad40.bundle.js

index.html:13 GET https://uccx-001-app-prod.statebridgecompany.com:8445/inline.ae7c1554db7f4bfea78e.bundle.js

index.html:13 GET https://uccx-001-app-prod.statebridgecompany.com:8445/scripts.d2f0ef1348971d327010.bundle.js

index.html:13 GET https://uccx-001-app-prod.statebridgecompany.com:8445/main.c814708ca0372dde7c3e.bundle.js

index.html:13 GET https://uccx-001-app-prod.statebridgecompany.com:8445/vendor.ac776b3d2541a790ad40.bundle.js

index.html:13 GET https://uccx-001-app-prod.statebridgecompany.com:8445/main.c814708ca0372dde7c3e.bundle.js 404 (Not Found)

dekwan · ‎03-21-2017

I was talking about the link of the cs and js not being correct. Notice how there isn't /3rdpartygadget/files/ in the GET in the error?

Can I see your index.html?

jdickinson · ‎03-21-2017

I see. hmmm not sure how to fix that. may have to write a post script.

Thanks for pointing that out.

jdickinson · ‎03-21-2017

The html file looks like this below. There is no fully qualified path. The server should be able to handle those paths. Am I the first person to find this problem?

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ServiceUI</title>
<base href="/">

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="styles.81cb6f8face4e065114d.bundle.css" rel="stylesheet"/></head>
<body class="sh">
<app-root>Loading...</app-root>
<script type="text/javascript" src="inline.ae7c1554db7f4bfea78e.bundle.js"></script><script type="text/javascript" src="scripts.d2f0ef1348971d327010.bundle.js"></script><script type="text/javascript" src="vendor.ac776b3d2541a790ad40.bundle.js"></script><script type="text/javascript" src="main.c814708ca0372dde7c3e.bundle.js"></script></body>
</html>

jdickinson · ‎03-21-2017

Ok, I built the project using -base-href argument which fixes the problem.

Thank you.

Joe

dekwan · ‎03-21-2017

Great to hear that its been fixed!