孙悟元
58e286d80b
Add a new page for server selection and update backend URL handling. * **ServerSelection.vue**: Create a new Vue component with a form to input and save the backend server URL to `localStorage`. Add methods to handle form submission and load the saved URL on component mount. * **index.vue**: Update the `data` method to retrieve the backend URL from `localStorage`. Remove the hardcoded `backurl` value. Add a method to update the backend URL from `localStorage` on component mount. Update API requests to use the dynamic backend URL. * **router/index.js**: Add a new route for the `ServerSelection` component. --- For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/SunWuyuan/homeworkpage-frontend?shareId=XXXX-XXXX-XXXX-XXXX).
47 lines
1.2 KiB
JavaScript
47 lines
1.2 KiB
JavaScript
/**
|
|
* router/index.ts
|
|
*
|
|
* Automatic routes for `./src/pages/*.vue`
|
|
*/
|
|
|
|
// Composables
|
|
import { createRouter, createWebHistory } from 'vue-router/auto'
|
|
import { setupLayouts } from 'virtual:generated-layouts'
|
|
import { routes } from 'vue-router/auto-routes'
|
|
|
|
const router = createRouter({
|
|
history: createWebHistory(import.meta.env.BASE_URL),
|
|
routes: setupLayouts(routes),
|
|
})
|
|
|
|
// Workaround for https://github.com/vitejs/vite/issues/11804
|
|
router.onError((err, to) => {
|
|
if (err?.message?.includes?.('Failed to fetch dynamically imported module')) {
|
|
if (!localStorage.getItem('vuetify:dynamic-reload')) {
|
|
console.log('Reloading page to fix dynamic import error')
|
|
localStorage.setItem('vuetify:dynamic-reload', 'true')
|
|
location.assign(to.fullPath)
|
|
} else {
|
|
console.error('Dynamic import error, reloading page did not fix it', err)
|
|
}
|
|
} else {
|
|
console.error(err)
|
|
}
|
|
})
|
|
|
|
router.isReady().then(() => {
|
|
localStorage.removeItem('vuetify:dynamic-reload')
|
|
})
|
|
|
|
export default router
|
|
|
|
import ServerSelection from '@/pages/ServerSelection.vue'
|
|
|
|
const routes = [
|
|
{
|
|
path: '/server-selection',
|
|
name: 'ServerSelection',
|
|
component: ServerSelection,
|
|
},
|
|
]
|