More fixes for relative urls when running Grafana under a different sub path (#10470)

* Add nginx proxy docker container

Ease test/verification of running Grafana thru a reverse proxy

* Add apache proxy docker container

Ease test/verification of running Grafana thru a reverse proxy

* Fix relative urls for reset password page

* Fix relative urls for signup page

* Fix relative urls for login page

* Fix relative urls edit plugin page

docker/blocks/apache_proxy/Dockerfile

+FROM jmferrer/apache2-reverse-proxy:latest
+
+COPY ports.conf /etc/apache2/sites-enabled
+COPY proxy.conf /etc/apache2/sites-enabled
\ No newline at end of file

docker/blocks/apache_proxy/docker-compose.yaml

+# This will proxy all requests for http://localhost:10081/grafana/ to
+# http://localhost:3000 (Grafana running locally)
+#
+# Please note that you'll need to change the root_url in the Grafana configuration:
+# root_url = %(protocol)s://%(domain)s:/grafana/
+
+  apacheproxy:
+    build: blocks/apache_proxy
+    network_mode: host

docker/blocks/apache_proxy/ports.conf

+Listen 10081
\ No newline at end of file

docker/blocks/apache_proxy/proxy.conf

+<VirtualHost *:10081>
+    ProxyPass /grafana/ http://localhost:3000/
+    ProxyPassReverse /grafana/ http://localhost:3000/
+</VirtualHost>
\ No newline at end of file

docker/blocks/nginx_proxy/Dockerfile

+FROM nginx:alpine
+
+COPY nginx.conf /etc/nginx/nginx.conf
\ No newline at end of file

docker/blocks/nginx_proxy/docker-compose.yaml

+# This will proxy all requests for http://localhost:10080/grafana/ to
+# http://localhost:3000 (Grafana running locally)
+#
+# Please note that you'll need to change the root_url in the Grafana configuration:
+# root_url = %(protocol)s://%(domain)s:/grafana/
+
+  nginxproxy:
+    build: blocks/nginx_proxy
+    network_mode: host

docker/blocks/nginx_proxy/nginx.conf

+events { worker_connections 1024; }
+
+http {
+  sendfile on;
+
+  proxy_redirect     off;
+  proxy_set_header   Host $host;
+  proxy_set_header   X-Real-IP $remote_addr;
+  proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;
+  proxy_set_header   X-Forwarded-Host $server_name;
+
+  server {
+    listen 10080;
+
+    location /grafana/ {
+      proxy_pass http://localhost:3000/;
+    }
+  }
+}
\ No newline at end of file

public/app/core/controllers/reset_password_ctrl.ts

@@ -17,7 +17,7 @@ export class ResetPasswordCtrl {
       main: {
       main: {
         icon: 'gicon gicon-branding',
         icon: 'gicon gicon-branding',
         subTitle: 'Reset your Grafana password',
         subTitle: 'Reset your Grafana password',
-        breadcrumbs: [{ title: 'Login', url: '/login' }, { title: 'Reset Password' }],
+        breadcrumbs: [{ title: 'Login', url: 'login' }, { title: 'Reset Password' }],
       },
       },
     };
     };
 
 

public/app/core/controllers/signup_ctrl.ts

@@ -22,7 +22,7 @@ export class SignUpCtrl {
       main: {
       main: {
         icon: 'gicon gicon-branding',
         icon: 'gicon gicon-branding',
         subTitle: 'Register your Grafana account',
         subTitle: 'Register your Grafana account',
-        breadcrumbs: [{ title: 'Login', url: '/login' }, { title: 'Sign Up' }],
+        breadcrumbs: [{ title: 'Login', url: 'login' }, { title: 'Sign Up' }],
       },
       },
     };
     };
 
 

public/app/features/plugins/plugin_edit_ctrl.ts

@@ -33,7 +33,7 @@ export class PluginEditCtrl {
         subTitle: model.info.author.name,
         subTitle: model.info.author.name,
         url: '',
         url: '',
         text: '',
         text: '',
-        breadcrumbs: [{ title: 'Plugins', url: '/plugins' }, { title: model.name }],
+        breadcrumbs: [{ title: 'Plugins', url: 'plugins' }, { title: model.name }],
         children: [
         children: [
           {
           {
             icon: 'fa fa-fw fa-file-text-o',
             icon: 'fa fa-fw fa-file-text-o',

public/app/partials/login.html

@@ -63,7 +63,7 @@
         <div class="login-signup-title p-r-1">
         <div class="login-signup-title p-r-1">
           New to Grafana?
           New to Grafana?
         </div>
         </div>
-        <a href="/signup" class="btn btn-medium btn-signup btn-p-x-2">
+        <a href="signup" class="btn btn-medium btn-signup btn-p-x-2">
           Sign Up
           Sign Up
         </a>
         </a>
       </div>
       </div>

public/app/partials/reset_password.html

@@ -12,7 +12,7 @@
 				<button type="submit" class="btn btn-success" ng-click="sendResetEmail();" ng-disabled="!sendResetForm.$valid">
 				<button type="submit" class="btn btn-success" ng-click="sendResetEmail();" ng-disabled="!sendResetForm.$valid">
 					Reset Password
 					Reset Password
 				</button>
 				</button>
-				<a href="/login" class="btn btn-inverse">
+				<a href="login" class="btn btn-inverse">
 					Back
 					Back
 				</a>
 				</a>
 
 
@@ -22,7 +22,7 @@
 			An email with a reset link as been sent to the email address. <br>
 			An email with a reset link as been sent to the email address. <br>
 			You should receive it shortly.
 			You should receive it shortly.
 			<div class="p-t-1">
 			<div class="p-t-1">
-				<a href="/login" class="btn btn-success p-t-1">
+				<a href="login" class="btn btn-success p-t-1">
 					Login
 					Login
 				</a>
 				</a>
 			</div>
 			</div>

public/app/partials/signup_step2.html

@@ -40,7 +40,7 @@
         <button type="submit" class="btn btn-success" ng-click="ctrl.submit();" ng-disabled="!signUpForm.$valid">
         <button type="submit" class="btn btn-success" ng-click="ctrl.submit();" ng-disabled="!signUpForm.$valid">
           Sign Up
           Sign Up
         </button>
         </button>
-        <a href="/login" class="btn btn-inverse">
+        <a href="login" class="btn btn-inverse">
             Back
             Back
         </a>
         </a>
       </div>
       </div>