the-urlist / frontend-vue-typescript

A Vue/TypeScript frontend for https://www.theurlist.com

The Urlist - Frontend

The frontend for this project was build with the following libraries and frameworks:

• TypeScript
• Vue.js / Vue CLI
• Vuelidate
• Axios

Other useful tools

• Visual Studio Code
• Vetur
• VS Code Debugger for Chrome
• Vue VS Code Extension Pack
• Vue browser devtools

Build and run the frontend locally

Install Vue CLI globally

npm install -g @vue/cli

Install npm packages for frontend project

npm install

Serve development build

npm run serve

Create production build

npm run build

This creates a dist folder under frontend

Lints and fixes files

npm run lint

Running locally vs running on Azure

The code is optimised to be run in a local environment. If either the frontend or backend are run on Azure, there is one line of code that needs to be changed: In \frontend\src\services\api.service.ts change line 19 from

axios.defaults.withCredentials = false;

to

axios.defaults.withCredentials = true;

This should keep you out of CORS troubles