How to deploy Polymer CLI app on Apache web server?

Question

In my efforts to understand Polymer, I decided to try building some of my startup projects.

My first attempts included the CLI Polymer. I choose an application based on a box application template. I had no problems using polymer build, and I had no problem demonstrating with polymer serve.

However, I ran into several problems when starting the Python web server in one of two built-in directories. When the Python web server starts, the application starts without problems, that is, until I remove the update in my browser. Then it returns an error message about the impossibility to find '/ view2'; only when updating on the root website there is no problem.

I tried to deploy the same application on an Apache web server. Similar problems occurred when problems with updating anywhere except the first page of the web application caused problems.

Then I tried my hand at the Polymer Starter Kit (which somehow seems unavailable from the rest of the Polymer project website). I had no problems creating or viewing any problems using the corresponding gulp commands. Then I tried to start the Python web server based on the build and update results on various web pages. This time there were no problems with the lighting.

At this point, it would be easy to say that something is wrong with the Polymer CLI, but I want to be absolutely sure that I was not mistaken in the process of deploying the CLI application.

There are very few resources on the Internet that explain in a clear and concise way how to deploy the Polymer application on a production level web server.

If I made a mistake, let us know the correct process. If I was not mistaken, let me know.

Answer 1

Apache add file .htaccess

    <ifModule mod_rewrite.c>
        Options +FollowSymLinks
        IndexIgnore */*
        RewriteEngine On
        RewriteCond %{REQUEST_FILENAME} !-f
        RewriteCond %{REQUEST_FILENAME} !-d
        RewriteRule (.*) index.html
    </ifModule>

Answer 2

You need to define the use-hash-as-path option on the application location component, and then your URLs must contain the hash (#) sign, as described here with an example here .

<app-location route="{{route}}" use-hash-as-path></app-location>
<a name=component href="#/component">Component</a>

Run codeHide result

Answer 3

2,0 -

polymer build --bundle , .

This polymer page talks about all the different ways to create a polymer and can also be useful.

EDIT -

Open the index.html file and look at lines 21 to 25. I believe that this is where you can specify the root of the application when working with a static host. That way you would create an inline version and then copy the contents build/default/to where you are using.