Web client for rsk-explorer-api
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# serve with tracking
npm run dev-with-tracking
# build for production with minification
npm run build
# build for production with google tracking and hotjar
# you must set the GA-TAG and HOTJAR_ID first, see 'Settings'
npm run build-with-tracking
npm install
The configuration is provided through this environment variables:
- WS_URL: rsk-explorer-api WS url (backend)
- STATS_URL: rsk stats web (link redirect the 'stats' link)
- GA_TAG: (optional) Google analytics tag.
- HOTJAR_ID: (optional) Hotjar ID.
- APPS_URL: rsk apps web (link redirect the 'apps' link)
E.g. to change the backend url :
export WS_URL=wss://backend.rsk.co
npm run build
Serve ./dist folder on web server
The client uses vue-router HTML 5 History mode, this requires a special configuration of the web server:
nginx:
location / {
try_files $uri $uri/ /index.html;
}
Double slashed paths fail on router resolution
E.g. https://explorer.rsk.co//block/123 To avoid this errors use the HTTP Server to rewrite the paths.
nginx:
merge_slashes off;
rewrite ^(.*?)//+(.*?)$ $1/$2 permanent;