Last updated : 28 / 08 / 2018 by Sacha B.
The portal allowing access to Appy Pack applications as well as administration. This is a web application made with Vue.js.
This application uses an linter to have the ability to produce a clean and understandable code by a developer team โ๐ผ. The project also follows the guidelines ๐ described by Vue.js.
This project uses the new and beautiful Vue CLI 3. This service provides a complete project management, you can learn more on the official documentation ๐.
Follow the instructions on this page of the official guide to install Vue CLI 3.
To start the project manager with graphical user interface, type the following command in your terminal:
The dollar sign $ represents the terminal prompt.
$ vue ui
When the project manager is launched you can then import the Appy project.
You must enter the API development URL in the ./.env.development file at the VUE_APP_API_URL attribute.
Go to the Tasks section on the project manager, select the serve task and click Run Task. ๐๐ป
You must enter the API development URL in the ./.env.production file at the VUE_APP_API_URL attribute.
Go to the Tasks section on the project manager, select the build task and click Run Task. ๐๐ป
The command above will generate in the ./dist/ folder all the files necessary for the web application. So you just have to put the contents of this folder at the root of your website and configure your HTTP server so that each route will return to the index.html file.
Create a .htaccess file at the root of your website and write the content below.
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.html?path=$1 [NC,L,QSA]
- HTTP requests : vue-cli-plugin-axios
- UI Framework : vue-cli-plugin-element
- Internationalization : vue-cli-plugin-i18n