cf-pages

webees · Sep 16, 2023 · cb776f4 · cb776f4
1 parent 83b1170
commit cb776f4
Show file tree

Hide file tree

Showing 8 changed files with 14 additions and 6 deletions.
diff --git a/.env b/.env
diff --git a/.env.development b/.env.development
@@ -0,0 +1,2 @@
+BASE_URL='/'
+VUE_APP_PUBLIC_PATH='/'
diff --git a/.env.production b/.env.production
@@ -0,0 +1,2 @@
+BASE_URL='/'
+VUE_APP_PUBLIC_PATH='//fastly.jsdelivr.net/gh/webees/tfjs-yolov8@cf-pages/'
diff --git a/.github/workflows/pages.yaml b/.github/workflows/pages.yaml
@@ -32,5 +32,5 @@ jobs:
       - name: Deploy 🚀
         uses: JamesIves/github-pages-deploy-action@v4
         with:
-          BRANCH: gh-pages
+          BRANCH: cf-pages
           FOLDER: dist
diff --git a/src/registerServiceWorker.ts b/src/registerServiceWorker.ts
@@ -3,7 +3,7 @@
 import { register } from 'register-service-worker'
 
 if (process.env.NODE_ENV === 'production') {
-  register(`${process.env.BASE_URL}service-worker.js`, {
+  register(`/service-worker.js`, {
     ready() {
       console.log('App is being served from cache by a service worker.\n' + 'For more details, visit https://goo.gl/AFskqB')
     },

diff --git a/src/utils/tf.ts b/src/utils/tf.ts
@@ -4,7 +4,7 @@ import { yolo } from '@/vue-pinia'
 
 export function loadModel() {
   tf.ready().then(async () => {
-    const model = await tf.loadGraphModel(`/${yolo().name}_web_model/model.json`, {
+    const model = await tf.loadGraphModel(`${process.env.VUE_APP_PUBLIC_PATH}${yolo().name}_web_model/model.json`, {
       onProgress: progress => {
         console.log('tf.loadGraphModel', progress)
         yolo().loading = progress

diff --git a/src/vue-router.ts b/src/vue-router.ts
@@ -21,7 +21,7 @@ const routes: Array<RouteRecordRaw> = [
 ]
 
 const router = createRouter({
-  history: createWebHistory(process.env.BASE_URL),
+  history: createWebHistory('/'),
   routes,
   linkActiveClass: 'active',
   scrollBehavior(to, from, savedPosition) {

diff --git a/vue.config.js b/vue.config.js
@@ -36,7 +36,7 @@ const vueServe = c => {
 }
 
 const vueConfig = {
-  publicPath: IS_DEV ? '/' : '//fastly.jsdelivr.net/gh/webees/tfjs-yolov8@gh-pages/',
+  publicPath: process.env.VUE_APP_PUBLIC_PATH,
   outputDir: 'dist',
   productionSourceMap: IS_DEV,
   integrity: false,
@@ -50,6 +50,11 @@ const vueConfig = {
     open: false,
     proxy: null
   },
+  pwa: {
+    manifestOptions: {
+      start_url: '/'
+    }
+  },
   configureWebpack: {
     externals: {
       'vue-router': 'VueRouter',