pretty-autoindex
Show nginx autoindex more pretty!
Installation
Download files to your server.
$ git clone https://github.com/spring-raining/pretty-autoindex.gitor$ npm install pretty-autoindex
Before using it, you need to set some nginx configurations.
(In this expamle, The IP address and the port represent as 192.168.10.108:10080
so you should replace them as necessary.)
# pretty-autoindex try to access this address, and display indexes dynamically.server { listen 10080; location / { root /path/to/you/want/to/show; autoindex on; autoindex_format json; # Enable your browser to access here. add_header Access-Control-Allow-Origin "http://192.168.10.108"; add_header Access-Control-Allow-Methods "GET, POST, OPTIONS"; add_header Access-Control-Allow-Headers "Origin, Authorization, Accept"; add_header Access-Control-Allow-Credentials true; }} # This is an actual page.server { listen 80; location / { root /path/to/pretty-autoindex/dist; }}
And set a conf variable in index.html.
$ vim /path/to/pretty-autoindex/dist/config.js
var conf = name: 'A wonderful name that you want' address: 'http://192.168.10.108:10080' visibilityOptions: size: use: true type: 'readable' //raw, readable, both date: use: true type: 'moment' //raw, moment, both ;
Then, restart nginx and access http://192.168.10.108
.
CAUTION! If you intend to open your page in public network, beware your nginx configuration and exclude files that you wouldn't like to expose from the directory.
Development
To build pretty-autoindex,
-
Install Node.js
-
Install dependent libraries
$ npm install -
Run build
$ npm run build
License
MIT