update

Author: stepbystepcode

src/boot/axios.ts

@@ -14,7 +14,8 @@ declare module '@vue/runtime-core' {
 // good idea to move this instance creation inside of the
 // "export default () => {}" function below (which runs individually
 // for each client)
-const api = axios.create({ baseURL: 'https://api.example.com' });
+const api = axios.create({ baseURL: 'http://localhost:8081/' });
+// const api = axios.create({ baseURL: 'http://8.130.101.128:8081/' });
 
 export default boot(({ app }) => {
   // for use inside Vue files (Options API) through this.$axios and this.$api

src/components/commandReq.js

@@ -1,8 +1,8 @@
-import axios from 'axios'
+import api from 'src/boot/axios'
 import {LocalStorage} from "quasar";
 
 export default function commandReq(com,params1,params2) {
-  return axios.post('http://8.130.101.128:8081/api/file/commands',{
+  return api.post('/api/file/commands',{
       command: com.toString(),
       params: [params1,params2]
     },{

src/pages/AvatarPage.vue

@@ -14,7 +14,7 @@
   </div>
 </template>
 <script setup>
-import axios from 'axios';
+import { api } from 'boot/axios';
 import { ref } from 'vue';
 import Swal from 'sweetalert2';
 import { useRouter } from 'vue-router';
@@ -29,8 +29,8 @@ const selectAvatar = (num) => {
   avatar.value = num;
 };
 const setAvatar = () => {
-  axios
-    .post(`http://8.130.101.128:8081/api/avatar?avatar=${avatar.value}`, {}, {
+  api
+    .post(`/api/avatar?avatar=${avatar.value}`, {}, {
       headers: {
         'Authorization': `Bearer ${$q.localStorage.getItem('token')}`,
       }

src/pages/ChatPage.vue

@@ -29,7 +29,7 @@
 <script setup lang="ts">
 import myBg from '../boot/bg.js';
 import {onMounted, ref} from 'vue'
-import axios from 'axios';
+import {api} from 'boot/axios';
 import {useRoute} from 'vue-router'
 import {useCheckStore} from 'stores/check';
 import Swal from 'sweetalert2';
@@ -52,7 +52,7 @@ const config = {
 }
 
 // const update = () => {
-//   axios.post('http://8.130.101.128:8081/api/check', {
+//   api.post('/api/check', {
 //       person: route.params.id
 //     }, config
 //   ).then((res) => {
@@ -66,7 +66,7 @@ const Profile = (e) => {
 }
 onMounted(() => {
   // setInterval(update, 500);
-  axios.post('http://8.130.101.128:8081/api/info', {
+  api.post('/api/info', {
       person: route.params.id
     }, config
   ).then((res) => {
@@ -108,7 +108,7 @@ const sendMessage = async () => {
       })
       return
     }
-    await axios.post('http://8.130.101.128:8081/api/chat', {
+    await api.post('/api/chat', {
         content: message.value,
         receiver: route.params.id
       }, config

src/pages/EditorPage.vue

@@ -30,7 +30,7 @@
 import Editor from '../components/EditorComponent.vue'
 import commandReq from 'components/commandReq';
 import {ref, onMounted} from 'vue';
-import axios from 'axios';
+import {api} from 'boot/axios';
 import Swal from 'sweetalert2'
 import {useQuasar} from 'quasar';
 
@@ -142,7 +142,7 @@ const save = () => {
         filename: selectFolder.value + '/' + selectFile.value,
         //time: new Date().getTime()
       });
-      axios.post('http://8.130.101.128:8081/api/file/save', json, {
+      api.post('/api/file/save', json, {
         headers: {
           'Content-Type': 'application/json',
           'Authorization': `Bearer ${$q.localStorage.getItem('token')}`
@@ -290,13 +290,13 @@ const imgAdd = (pos, file) => {
   console.log(file);
   const formData = new FormData()
   formData.append('image', file);
-  axios.post('http://8.130.101.128:8081/api/upload', formData, {
+  api.post('/api/upload', formData, {
     headers: {
       'Authorization': `Bearer ${$q.localStorage.getItem('token')}`,
       'content-type': 'multipart/form-data'
     }
   }).then((res) => {
-    const url = `http://8.130.101.128:8081/api/file/get?filename=${res.data.message}`;
+    const url = `/api/file/get?filename=${res.data.message}`;
     content.value = content.value.replace(/!\[[^\]]+\]\([^)]+\)/, `![](${url})`);
   })
 }

src/pages/ListPage.vue

@@ -27,7 +27,7 @@
 import {ref} from 'vue'
 import {useRouter} from 'vue-router';
 import {useCheckStore} from 'stores/check';
-import axios from "axios";
+import {api} from 'boot/axios';
 
 import {useQuasar} from 'quasar';
 const $q = useQuasar()
@@ -53,7 +53,7 @@ const time = (time) => {
 const router = useRouter();
 const list = ref();
 const token = $q.localStorage.getItem('token');
-axios.post('http://8.130.101.128:8081/api/info', '', {
+api.post('/api/info', '', {
     headers: {
       'Authorization': `Bearer ${token}`,
       'Content-Type': 'application-json'

src/pages/LoginPage.vue

@@ -24,7 +24,7 @@
   </div>
 </template>
 <script setup>
-import axios from 'axios';
+import {api} from 'boot/axios';
 import {ref} from 'vue';
 import Swal from 'sweetalert2';
 import {useRouter} from 'vue-router';
@@ -42,8 +42,8 @@ const login = () => {
       title: 'Please fill out all required fields.',
       icon: 'error',
     });
-  else axios
-    .post('http://8.130.101.128:8081/api/login', {
+  else api
+    .post('/api/login', {
       username: username.value,
       password: password.value,
     })
@@ -55,7 +55,7 @@ const login = () => {
         $q.localStorage.set('token', res.data.token)
         $q.localStorage.set('info', res.data)
         const token=res.data.token;
-        axios.post('http://8.130.101.128:8081/api/info', {
+        api.post('/api/info', {
             person: ''
           }, {
             headers: {
@@ -67,7 +67,7 @@ const login = () => {
           store.info = {...store.info,...res.data.message[store.info.username]};
           $q.localStorage.set('info', store.info)
         });
-        axios.post('http://8.130.101.128:8081/api/check?type=all', null, {
+        api.post('/api/check?type=all', null, {
           headers: {
             'Authorization': `Bearer ${token}`
           }})

src/pages/NewFriends.vue

@@ -29,10 +29,10 @@
 </template>
 
 <script setup>
+import {api} from 'boot/axios';
 import {useCheckStore} from 'stores/check';
 const store = useCheckStore();
 import {ref} from 'vue'
-import axios from 'axios';
 import Swal from 'sweetalert2';
 import {useQuasar} from 'quasar';
 const $q = useQuasar()
@@ -41,7 +41,7 @@ const search = ref('');
 const token = $q.localStorage.getItem('token')
 const username = $q.localStorage.getItem('info').username
 const request = (atti) => {
-  axios.post(`http://8.130.101.128:8081/api/newfriends?username=${search.value}&operation=${atti}`, {}, {
+  api.post(`/api/newfriends?username=${search.value}&operation=${atti}`, {}, {
       headers: {
         'Authorization': `Bearer ${token}`,
       }
@@ -53,7 +53,7 @@ const request = (atti) => {
 
 }
 const handle = (req, atti) => {
-  axios.post(`http://8.130.101.128:8081/api/nfmgr?info=${atti}&username=${req}`, {}, {
+  api.post(`/api/nfmgr?info=${atti}&username=${req}`, {}, {
     headers: {
       'Authorization': `Bearer ${token}`,
     }
@@ -63,7 +63,7 @@ const handle = (req, atti) => {
       icon: res.data.code===200?'success':'error',
     });
     list.value = list.value.filter((item) => item.username !== req);
-    axios.post('http://8.130.101.128:8081/api/info', '', {
+    api.post('/api/info', '', {
         headers: {
           'Authorization': `Bearer ${token}`,
           'Content-Type': 'application-json'
@@ -76,7 +76,7 @@ const handle = (req, atti) => {
 
 }
 
-  axios.post('http://8.130.101.128:8081/api/info', '', {
+  api.post('/api/info', '', {
       headers: {
         'Authorization': `Bearer ${token}`,
         'Content-Type': 'application-json'

src/pages/ProfilePage.vue

@@ -31,7 +31,7 @@ import {date, useQuasar} from 'quasar';
 import {useCheckStore} from 'stores/check';
 import {useRoute, useRouter} from 'vue-router';
 import Swal from 'sweetalert2';
-import axios from 'axios';
+import {api} from 'boot/axios';
 
 const $q = useQuasar();
 const store = useCheckStore();
@@ -53,7 +53,7 @@ const token = $q.localStorage.getItem('token')
 const delFriend=()=>{
   Swal.fire({title:'Are you sure to delete this friend?',text:'You will not be able to recover this friend!',icon:'warning',showCancelButton:true,reverseButtons:true}).then((res)=>{
     if(res.isConfirmed) {
-      axios.post(`http://8.130.101.128:8081/api/newfriends?operation=delete&username=${route.params.id}`,'',{headers:{Authorization:`Bearer ${token}`}}).then((res)=>{
+      api.post(`/api/newfriends?operation=delete&username=${route.params.id}`,'',{headers:{Authorization:`Bearer ${token}`}}).then((res)=>{
         if(res.data.code===200){
           Swal.fire('Deleted!','Your friend has been deleted.','success').then(()=>{
             router.push('/chat')

src/pages/SignupPage.vue

@@ -38,7 +38,7 @@
   </div>
 </template>
 <script setup>
-import axios from 'axios';
+import {api} from 'boot/axios';
 import {ref} from 'vue';
 import Swal from 'sweetalert2';
 import {useRouter} from 'vue-router';
@@ -73,8 +73,8 @@ const signup = () => {
     icon: 'error',
   });
   else
-    axios
-      .post('http://8.130.101.128:8081/api/signup', {
+    api
+      .post('/api/signup', {
         username: username.value,
         password: password.value,
       })